首页 >web前端 >js教程 >如何使用 XPath 根据内部文本检索 HTML 元素?

如何使用 XPath 根据内部文本检索 HTML 元素?

Patricia Arquette
Patricia Arquette原创
2024-11-06 02:20:02952浏览

How to Retrieve HTML Elements Based on Their Inner Text Using XPath?

通过内部文本获取 HTML 元素

在 Web 开发中,通常需要根据特定的 HTML 元素包含的文本来操作或访问它们。这对于自动化 UI 测试、数据抓取和内容分析特别有用。

通过内部文本检索 HTML 元素的一种方法是通过强大的 XPath 语言。 XPath 允许您使用节点选择器和谓词的组合来查询 HTML 文档。

通过精确文本选择元素

要根据其精确的内部文本获取 HTML 元素,您可以使用以下 XPath 表达式:

//elementName[text()='innerText']

例如,要获取包含文本“SearchingText”的 a 标记:

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

选择包含文本的元素

或者,您可以使用以下 XPath 表达式搜索包含特定文本的元素,无论它是否完全匹配:

//elementName[contains(text(), 'searchText')]

例如,要获取包含文本“Searching”的所有 a 标签:

var xpath = "//a[contains(text(),'Searching')]";

以上是如何使用 XPath 根据内部文本检索 HTML 元素?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn