ラボ > Javascript関連：DOM関連

javascript xpathから要素取得

jqueryではxpathから要素取得が出来なくなったそうなので、javascriptから取得

作成日:2021-02-15, 更新日:2021-02-15

基本

▼こんな感じ

var xpath = '/html/body/div/main/form/input';
var nodesSnapshot = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );
nodesSnapshot.snapshotItem(0).click();

「click()」のトコを変更すれば色々とできるっぽい

イベント発火

▼「イベント：input」を発火させる場合

var xpath = '/html/body/div/main/form/input';
var nodesSnapshot = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );

var evt = document.createEvent('HTMLEvents');
evt.initEvent('input', true, true );
nodesSnapshot.snapshotItem(0).dispatchEvent(evt);

関連項目

・JavaScript イベントを発火させたい