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