💲
[秒読みTip] Chrome DevToolsでElement参照 '$0-4'
'$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) #最後に参照したエレメントと最後から二番目が同一かどうか確認。
その他コマンド一覧はこちら↓
Discussion