js xpath

作者：资本principal 发布日期:2026-02-24 浏览:62

// 使用 JavaScript 和 XPath 的示例代码

// 假设我们有一个 HTML 文档如下：
/*
<html>
  <body>
    <div id="content">
      <p class="text">Hello World</p>
      <p class="text">Hello XPath</p>
    </div>
  </body>
</html>
*/

// 1. 创建一个 XPath 表达式来选择所有带有 "text" 类的 p 元素
const xpath = "//p[@class='text']";

// 2. 获取文档中的 XPathEvaluator 对象
const evaluator = new XPathEvaluator();

// 3. 创建一个上下文节点（通常是 document）
const contextNode = document;

// 4. 使用 evaluate 方法执行 XPath 查询
const result = evaluator.evaluate(xpath, contextNode, null, XPathResult.ANY_TYPE, null);

// 5. 遍历结果
let node;
while (node = result.iterateNext()) {
  console.log(node.textContent); // 输出匹配的文本内容
}

解释说明：

XPath 表达式：//p[@class='text'] 是一个 XPath 表达式，用于选择所有带有 class="text" 属性的 <p> 元素。
XPathEvaluator：这是 JavaScript 中用于评估 XPath 表达式的对象。
contextNode：表示查询的上下文节点，通常为整个文档 (document)。
evaluate 方法：执行 XPath 查询并返回结果。参数包括 XPath 表达式、上下文节点、命名空间解析器（这里为 null）、结果类型（这里为 ANY_TYPE），以及一个可选的结果对象。
iterateNext()：遍历查询结果，逐个获取匹配的节点。

这段代码展示了如何在 JavaScript 中使用 XPath 来查询和操作 DOM 元素。

上一篇：js 在线调试

下一篇：js json循环