JavaScript使用XPath查找包含指定innerText的节点无匹配结果的问题排查

• 对text()的作用存在误解：XPath里的text()只会选取当前节点下的直接子文本节点，既不会把嵌套子元素的文本纳入匹配范围，也不会把散落在不同位置的文本节点拼接成完整字符串做判断。
• 触发匹配失效的直接原因：XPath 1.0 的contains()函数在接收节点集合作为参数时，只会取集合中第一个节点的字符串值做校验，不会遍历集合里的所有节点拼接搜索。
  对应示例中的.product-price span结构，它的直接子节点序列是：开标签后的换行缩进、嵌套的div元素、div和IRR之间的换行缩进、带"IRR"的文本节点、闭标签前的换行缩进。此时text()返回的第一个子文本节点是纯空白换行，contains(text(), 'IRR') 只会判断这个空白节点的内容，根本不会扫描到后面带IRR的文本，自然拿不到任何匹配结果。

要实现“查找节点全量文本任意位置包含指定字符串”的需求，只需要把判断逻辑从“匹配直接子文本”调整为“匹配当前节点的全量拼接文本”即可：

1. 用.（当前节点）作为contains的判断目标——引擎会自动将当前节点的全量拼接文本（等价于DOM的textContent属性，和多数场景下的innerText效果一致）转为字符串做匹配，替换掉原来的text()匹配逻辑。
2. 保留原有排除逻辑，避免匹配到script、style这类非内容元素的文本。

修正后的基础版XPath可以直接复用原有执行逻辑：

const xpath = '//*[not(self::script or self::style)][contains(.,\'IRR\')]';

注意：这个版本会把从IRR所在的最小容器，到它所有上层的父级元素（从span一直到根节点html）全部匹配出来——因为这些节点的全量拼接文本里都包含IRR内容。

如果需要定位最贴近目标文本的最小粒度节点（也就是避免匹配到上层的大容器，只找直接包裹IRR的元素），可以再追加一层谓词判断：当前节点的内部，不存在其他子元素也包含目标文本：

// 仅返回直接包裹IRR的最小节点
const xpath = '//*[not(self::script or self::style)][contains(.,\'IRR\')][not(.//*[contains(.,\'IRR\')])]';

使用修正后的表达式传入document.evaluate时，不需要调整其他参数：

const result = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
let matchNode = null;
while (matchNode = result.iterateNext()) {
    console.log('匹配到的目标节点：', matchNode);
}

在示例HTML结构中，上述表达式会准确匹配到<span class="product-price">节点，完全符合查找需求。

内容的提问来源于stack exchange，提问作者Reza