如何根據內部文字檢索 HTML 元素？

透過 InnerText 取得元素：綜合指南

了解 HTML 標籤中包含的特定文字對於 Web 開發非常有價值。這些知識使開發人員能夠準確地操縱特定元素並與之互動。在本文中，我們將探索根據內部文本獲取元素的各種方法。

方法 1：利用 XPath

XPath（XML 路徑語言）提供了強大的功能查詢和導航 XML 和 HTML 文件的靈活方法。它使開發人員能夠根據特定條件檢索元素，包括內部文字。

範例程式碼：

var xpath = "html//a[text()='SearchingText']";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

此程式碼片段擷取與XPath 運算式相符的第一個元素「//a[text()='SearchingText' ]”，選擇包含文字“SearchingText”的任何錨標記。 matchingElement 變數現在保存對找到的元素的參考。

方法2：搜尋包含文字的元素

或者，您可以搜尋包含(但不不一定完全包含）使用XPath 的「包含」函數指定的文本。

範例程式碼：

var xpath = "html//a[contains(text(), 'Searching')]";
var matchingElements = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

此程式碼傳回所有錨標記的有序清單包含子字串「Searching」的文件。透過迭代匹配元素列表，您可以存取每個單獨的元素。

以上是如何根據內部文字檢索 HTML 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！