首頁 >web前端 >js教程 >如何使用 XPath 透過內部文字檢索 HTML 元素?

如何使用 XPath 透過內部文字檢索 HTML 元素?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-04 20:24:02945瀏覽

How to Retrieve HTML Elements by Their Inner Text Using XPath?

透過內部文字擷取 HTML 元素

根據文字內容識別和存取 HTML 元素可能是 Web 開發中的常見任務。本文探討了一種使用元素內部文字高效檢索元素的方法。

使用 XPath 的解決方案

透過元素內部文字獲取元素的一種有效方法是透過 XPath 。 XPath 是一種旨在導航 XML 和 HTML 文件的語言,它為基於各種標準的元素選擇提供了強大的表達式。

對於給定的HTML 範例:

<code class="html"><a ...>SearchingText</a></code>

您可以使用以下XPath 表達式來取得錨元素:

//a[text()='SearchingText']

此表達式選擇包含確切表達式文字SearchingText 的所有a 元素。要檢索第一個符合元素:

<code class="javascript">var xpath = "//a[text()='SearchingText']";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;</code>

部分文字符合

如果您只知道元素文字的一部分,可以使用contains() XPath 表達式中的函數:

//a[contains(text(),'Searching')]

此表達式選擇包含子字串搜尋文字中任意位置的所有a 元素。

透過利用 XPath 的功能,您可以根據 HTML 元素有效地檢索 HTML 元素內部文本,使您能夠執行各種任務,例如資料提取或動態元素操作。

以上是如何使用 XPath 透過內部文字檢索 HTML 元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn