document.evaluateの動作で理解できない箇所がある（XPathの理解が間違っている可能性も）

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <title>タイトル</title>
6</head>
7<body>
8    1
9    <div>
10        2
11        <div>
12            3
13        </div>
14    </div>
15</body>
16</html>

上のようなHTMLがあったとして、

JavaScript
1document.evaluate("//text()", document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

のようにすると全てのテキストノードが取得できます。

ここで、bodyの子孫の全てのテキストノードを取得しようとしたとき、document.evaluateは第二引数に指定したノードより下で検索をすると聞いたので、

JavaScript
1document.evaluate("//text()", document.body, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

としました。

しかし、期待に反してbodyの子孫ではないタイトルテキストノード（title要素直下のやつ）まで取得されてしまいます。

これは、document.evaluateの第二引数の理解が間違っているのか、それとも//text()というXPathに問題があるのか、それとも他の部分がおかしいのか、というのを知りたいです。

なお、あくまでdocument.evaluateやXPathの挙動について勉強したいだけで、bodyの子孫のテキストノードを取得したいがdocument.evaluate以外の方法も思いつかず困っているというわけではありません。

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

回答1件

ベストアンサー

//text() はコンテキストノードを無視して常にルートから検索する式です。.//text() が目的の式だと思います。

投稿2021/09/08 05:11

int32_t

総合スコア21695

_kari_

2021/09/08 05:31

ありがとうございます。コンテキストノードを指す「.」が要るのですね。 document.evaluateを解説したとあるサイトで「document.evaluateの第二引数にはルートノードを指定する」といったことが書かれており、これをそのまま受け取ってしまったのも誤解の一因だったようです。第二引数に指定するのは、正しくはコンテキストノードでした。

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