Javascriptで変数の中の文字列に対してXpathを使いたい

前提・実現したいこと

Javascriptで変数の中の文字列に対してXpathで検索をしたいと考えています。

以下のコードで、getElementsByTagNameで指定した場合はh1の内容を抽出できるので、同様のことをxpathで行いたいと考えevaluateを使っているのですが抽出ができない状況です。

該当のソースコード

JavaScript
1var string = "<html><h1>aaa</h1></html>";
2var doc = new DOMParser();
3var str = doc.parseFromString(string, "text/html");
4//evalateでxpathを使う。上手くいかない。
5var result = str.evaluate('//h1',document,null,6,null);

試したこと

以下のように、evaluateを使っているところをgetElementsByTagNameにした場合は【aaa】が抽出できているのですがevaluateだと[object XPathResult]の表示になってしまい【aaa】の抽出まで至れていません。

//こちらは上手くいきます。※【aaa】が抽出できる。
var result = str.getElementsByTagName('h1');

行動規範の内容に同意します

回答1件

ベストアンサー

XPathResult インターフェースのオブジェクトからノードを参照するには、XPathResult#snapshotItem() を使用する必要があります。

XPathResult - Web API | MDN

JavaScript
1const htmlString = '<html><h1>aaa</h1></html>';
2const doc = new DOMParser().parseFromString(htmlString, 'text/html');
3const result = doc.evaluate('//h1', document, null, 6, null);
4console.log(result.snapshotItem(0));