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

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

W3C の Selectors API（DOM）で定義されたquerySelectorにより、jQuery等のライブラリを使用しなくてもセレクターによるDOM指定が行えるようになった。

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

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

document.evaluateの戻り値は要素そのものではなくXPathResultである。先頭の1件だけ欲しいときはFIRST_ORDERED_NODE_TYPEを指定し、.singleNodeValueで取り出す。

const result = document.evaluate(
    '//a[text() = ">"]',
    document,
    null,
    XPathResult.FIRST_ORDERED_NODE_TYPE,
    null
);
const node = result.singleNodeValue;