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

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

Mary-Kate Olsen
發布: 2024-11-04 20:24:02
原創
938 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板