如何根据内部文本检索 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中文网其他相关文章！