JavaScript - XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で 乱暴 に言ってしまえば、 どのブラウザでも document .evaluate って関数で XPath 使えるようになるよ！ ってことです。

DOM 3 XPath ってなんなの！？

めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。

JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？

DOM 3 XPath はそれのパワーアップ版の関数 document.evaluate のことです！

わーわー！

どのくらいパワーアップしてるかというと。。。

document.getElementById では id 属性でしか取得できないけど document.evaluate はどんな属性の値からも要素を取得できます！

document.getElementsByTagName では要素の名前（タグの名前）でしか取得できなかったけど、 tag が 't' から始まるやつ！とか div か p ！とかできます！

他にも、 type 属性が text の input 要素を含んでいる form 要素を取得！とかもできます！

すごいでしょ？

でも、この便利な関数って一部のブラウザでしか使えないのです。。そこで、 JavaScript-XPath を使うとすべてのブラウザで DOM 3 XPath が使えるようになるんです。

じゃあ、 document.evaluate には何を渡せばいいの？ ここで、 XPath の登場です！

( ﾟ∀ﾟ)o彡゜XPath！XPath！

document.evaluate は以下のように使います！ var result = document .evaluate( '//div' , document , null , 7, null ); result.snapshotLength; result.snapshotItem(0); result.snapshotItem(1); ね？簡単でしょ？