こんにちは、さち です。
先日、ウェブブラウザーの「開発ツール(デベロッパーツール)」の「インスペクター(要素)」を使って HTML 要素を検索していたのですが、「文字列」まで一致してしまいとても不便でした。
ということで、「文字列」を除外して「HTML 要素」だけを検索する方法を探してみます。
文字列まで一致する
- YouTube の動画ページを開いている状態です。
- ウェブブラウザーの「開発ツール(デベロッパーツール)」を開き、
video
と入力して HTML の<video>
タグを検索してみます。
- しかし、「video」という文字列を持つ
<link>
タグと一致してしまいました。検索結果は「1019件」もあり、このまま検索を続けるのは大変そう……。
解決方法
- YouTube の動画ページを開いている状態です。
- ウェブブラウザーの「開発ツール(デベロッパーツール)」を開き、
* video
と入力して HTML の<video>
タグを検索します。
<video>
タグだけを検索できました。
この記述方法では最上位要素(ルート要素)である <html>
タグだけは検索できませんが、最初にあって簡単に探せるので問題ないですね。
* video
は「何かしらの要素(タグ)から見て『子孫』の位置にある <video>
タグ」という意味になります。そのため「文字列」は検索対象外になります。
コメント