BLOGTIMES
« :: »
2020/11/24

JavaScript で XPath を使う

  javascript 
このエントリーをはてなブックマークに追加

JavaScript から HTML のノードを XPath で検索する方法を調べてみました。

Document.evaluate()*1を使うと意外と簡単に実装できますね。
以下のプログラムを以下の HTML に対して実行すると fuga2, fuga3 のノードが取り出せることが確認できます。

var xpathResult = document.evaluate( "//p[ancestor::div[@id='hoge']]", document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null ); while(var node = xpathResult.iterateNext()) { console.log(node); }

sample.html

<code class="html"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Test page</title> </head> <body> <p id="fuga1">abc</p> <div id="hoge"> <p id="fuga2">def</p> <p id="fuga3">ghi</p> </div> <p id="fuga4">jkl</p> <p id="fuga5">mno</p> <p id="fuga6">pqr</p> </body> </html>

† 参考


by hsur at 21:38 [5年前][4年前][3年前][2年前][1年前] |
こんな記事もあります 「def MDN pqr」
・OmniOS CE の syslog を rsyslog に切り替え
・Firefox 89 がリリースに
・nginx の Port 443 で SSL と SSH を共存させる
・Ubuntu に mvn を使って Node.js をインストール
・terser を使って js を最適化してみる
・IPA が 2021 年第 1 四半期の JVN iPedia の登録状況を公表
・意図的にバグコミットして、大学がプロジェクトから ban される
・CentOS 8 の HTTP/2 を有効にするには
・CentOS 8 へのブルートフォースアタックを SSHGuard で防御
・SoftEther を CentOS 8 にインストール
トラックバックについて
Trackback URL:
お気軽にどうぞ。トラックバック前にポリシーをお読みください。[policy]
このエントリへのTrackbackにはこのURLが必要です→https://blog.cles.jp/item/12126
Trackbacks
このエントリにトラックバックはありません
Comments
愛のあるツッコミをお気軽にどうぞ。[policy]
古いエントリについてはコメント制御しているため、即時に反映されないことがあります。
コメントはありません
Comments Form

コメントは承認後の表示となります。
OpenIDでログインすると、即時に公開されます。

OpenID を使ってログインすることができます。

Identity URL: Yahoo! JAPAN IDでログイン

« :: »
Copyright © 2004-2020 by CLES All Rights Reserved.