找出给定CSS类应用的所有元素？

Question

Firebug / Web开发人员工具或任何其他扩展程序是否有功能向我显示已附加/应用给定CSS类的所有元素？

因此，当我从源代码中选择一个CSS类时（比方说，在Firebug中），我希望看到所有应用此类的元素。

Answer 1

您是否在寻找这个：https://developer.mozilla.org/en-US/docs/Web/API/document.querySelectorAll？

基本上你可以找到与某个选择器匹配的元素，如：document.querySelectorAll('.firstclass.secondclass')

Answer 2

您可以使用两种本机DOM函数来实现此目的：

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

现在所有主流浏览器都支持这两种浏览器。

<强>示例：

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