How to use document.evaluate() and XPath to get a list of elements?

Question

I'm using the document.evaluate() JavaScript method to get an element pointed to by an XPath expression:

var element = document.evaluate(   path,   document,   null,   XPathResult.FIRST_ORDERED_NODE_TYPE,   null ).singleNodeValue; 

But how do I get a list of elements in case the XPath expression points to more than one element on the page?

I tried the following code, but it is not working:

var element = document.evaluate(   path,   document,   null,   XPathResult.ORDERED_NODE_ITERATOR_TYPE,   null ); 

Answer 1

I found the following solution in the book I am currently reading. It says that the code is from the Prototype library.

function getElementsByXPath(xpath, parent) {     let results = [];     let query = document.evaluate(xpath, parent || document,         null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);     for (let i = 0, length = query.snapshotLength; i < length; ++i) {         results.push(query.snapshotItem(i));     }     return results; } 

Use it like this:

let items = getElementsByXPath("//*"); // return all elements on the page 

Answer 2

From the documentation

var iterator = document.evaluate('//phoneNumber', documentNode, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null );  try {   var thisNode = iterator.iterateNext();    while (thisNode) {     alert( thisNode.textContent );     thisNode = iterator.iterateNext();   }  } catch (e) {   dump( 'Error: Document tree modified during iteration ' + e ); }