💲

[秒読みTip] Chrome DevToolsでElement参照 '$0-4'

2021/06/21に公開約700字

'$0'

Chrome DevToolsで、Elementを選択した時に表示される $0

$0 は最後に選択したをElementを参照したい時に利用できます。

console$0 を呼んでみると、、、

<h2 class="LoginCtaHeader_title__3RXPZ">Write for yourself.</h2>

が参照されました。

'$0〜4'

Chrome DevToolsでは、過去選択した各DOMノード(5個まで)にインデックスが割り当てられます。

$0 の最後に選択したものから、$4 にあたる最後から5番目に選択したものまで参照が可能です。

おまけ

DOM ノードのプロパティは使用できる様子。

$0.parentElement #参照したエレメントの親要素を表示。

$0.isSameNode($1) #最後に参照したエレメントと最後から二番目が同一かどうか確認。

その他コマンド一覧はこちら↓

https://developer.mozilla.org/ja/docs/Web/API/Node

Discussion

ログインするとコメントできます