chromeのconsoleからxpathを使いつつhrefを取ってくるワンライナー

ある特定のidの配下にあるaタグのhrefを全部取りたかった

nodejsなりrubyなりで書けるが、よりお手軽にchrome上でしたかった

やり方

xpathを使う

$x('//*[@id="target_dom_id"]//a/@href').map((href) => {return href.value})

解説

chromeでは$x()xpathからdomを取ってくる機能がある

なのでここの中でhrefの属性値を取ってくるようなxpathを書いている

xpathでは/@hrefと書くと属性値が取得できるようなのでそれを利用する

これでhrefが取れるわけだが、表示として下記のような感じになり見づらいScreenshot from 2020-05-03 07-12-36.png (49.6 kB)

f:id:kytiken:20200503072302p:plain

なのでmapを使って整形する

.map((href) => {return href.value})

以上