时间戳

首页 > 解决方案 > 使用纯 JS，我可以检查一个类是否正在使用中？

javascript - 使用纯 JS，我可以检查一个类是否正在使用中？

问题描述

假设我有一个 CSS 类：

.foo {
  background-color: green;
}

还有几个 HTML 元素：

<div>
  Hello
</div>

<p>
  Hello 2
</p>

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

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

我已经尝试*.classList.contains("foo")了其他几件事，但没有一个有效。我该如何检查？

标签： javascriptcss

解决方案

使用getElementsByClassName()并检查结果列表的长度。如果为零，则没有找到

if(document.getElementsByClassName('foo').length){
  console.log('Found at least one')
}
<div>
  Hello
</div>

<p>
  Hello 2
</p>

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

推荐阅读