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 函数来实现此目的：

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

现在，所有主要浏览器都支持两者。

例子：

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