html - 特定の CSS クラスが適用されているすべての要素を調べる

Question

Firebug / Web Developer Tools またはその他の拡張機能には、特定の CSS クラスが添付/適用されているすべての要素を表示する機能がありますか?

そのため、ソースから CSS クラスを選択すると (たとえば、Firebug で)、このクラスが適用されているすべての要素が表示されます。

Answer 1

これをお探しですか: https://developer.mozilla.org/en-US/docs/Web/API/document.querySelectorAll ?

基本的に、次のような特定のセレクターに一致する要素を見つけることができます。document.querySelectorAll('.firstclass.secondclass')

Answer 2

これを実現するために使用できるネイティブ DOM 関数が 2 つあります。

• document.getElementsByClassName()
• document.querySelectorAll()

どちらも、かなり長い間、すべての主要なブラウザーでサポートされています。

例:

document.getElementsByClassName("firstClass secondClass")
document.querySelectorAll(".firstClass.secondClass")