Javascript 使用纯JS，我可以检查类是否正在使用吗？

假设我有一个CSS类：

.foo {
  background-color: green;
}

和几个HTML元素：

<div>
  Hello
</div>

<p>
  Hello 2
</p>

<h1 class="foo">
  Hello 3
</h1>

你好

你好2

你好3

有没有办法使用Javascript检查是否有任何特定类在使用？所以，如果“foo”被任何元素使用，我会运行一些代码吗

---

我试过

*.classList.contains（“foo”）

和其他一些东西，但都不起作用。如何检查此项？

使用

getElementsByClassName（）

并检查结果列表的长度。如果为零，则找不到

if（document.getElementsByClassName（'foo'）.length）{
console.log（'至少找到一个'）
}

你好

你好2

你好3

好了，伙计：

var all=document.body.queryselectoral（“*”）；
for（全部的var元素）{
if（element.classList.contains（“foo”））{
log（“element''+element.nodeName+'”正在使用类“foo'”）；
}
}

您的问题不清楚。没有CSS类这样的东西。您有一个CSS规则，它是规则集的一部分，它有一个类选择器。无论选择器是什么，您是否试图找出它是否匹配文档中的任何元素？您是否试图找出是否存在作为特定类成员的任何元素（按CSS）？您是否试图找出规则是否应用于某个元素，而不是被级联底层的某个元素覆盖？这是一种效率极低的解决问题的方法

QuerySelector all

可以使用类选择器。是的，我刚刚意识到这一点，我正在编辑我的答案。虽然这个代码片段可能解决了这个问题，但它没有解释为什么或者如何回答这个问题。请，因为这确实有助于提高你的文章质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。

if(document.getElementsByClassName("foo").length > 0){

}