素のJavaScript (Vanilla JS) でXPathを使用する

ライブラリを使わずにCSSセレクタで要素を選択する

ES5で登場したquerySelectorにより、jQuery等のライブラリを使用しなくてもセレクターによるDOM指定が行えるようになった。

let node = document.querySelector('div > a');

ライブラリを使わずにXPathで要素を選択する

evaluateを使用すると第一引数がXPathのためXPathで要素を取得できる。

let node = document.evaluate(
    '//a[text() = ">"]',
    document,
    null,
    XPathResult.ORDERED_NODE_ITERATOR_TYPE,
    null
);