The XPathEvaluator interface allows to compile and evaluate XPath expressions.

XPathEvaluator()

Creates a new XPathEvaluator object.

XPathEvaluator.createExpression()

Creates a parsed XPath expression with resolved namespaces.

XPathEvaluator.createNSResolver()

Adapts any DOM node to resolve namespaces allowing the XPath expression to be evaluated relative to the context of the node where it appeared within the document.

XPathEvaluator.evaluate()

Evaluates an XPath expression string and returns a result of the specified type if possible.

The following example shows the use of the XPathEvaluator interface.

HTML

<div>XPath example</div>
<div>Number of &lt;div&gt; elements: <output></output></div>

JavaScript

const xpath = "//div";
const evaluator = new XPathEvaluator();
const expression = evaluator.createExpression(xpath);
const result = expression.evaluate(
  document,
  XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
);
document.querySelector("output").textContent = result.snapshotLength;

Result

• document.createExpression()
• XPathExpression