如何在 JavaScript 中检查元素是否包含Class-之路教程

hasClass() 方法

hasClass() 方法检查是否有任何选定元素具有指定的类名。
如果任何选定元素具有指定的类名，则该方法返回 true。
元素可能有多个分配给它们的类。

如何在 JavaScript 中检查元素是否包含Class

存在多个用于检查元素是否包含类的方法。

可以处理任务的第一个方法是 element.classList.contains 方法。
该函数只接受一个参数。
contains 方法检查 classList 是否包含单个元素：

element.classList.contains(class);

但是，如果我们使用旧浏览器并且不想使用 polyfills，请像这样使用 indexOf：

function hasClass(element, clsName) {
  return (' ' + element.className + ' ').indexOf(' ' + clsName + ' ') > -1;
}

否则，如果我们要查找的类是另一个类名的一部分，它将返回 true。

<!DOCTYPE HTML>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <div id="test" class="myClass">Welcome to onitroad</div>
    <script>
      function hasClass(element, clsName) {
        return(' ' + element.className + ' ').indexOf(' ' + clsName + ' ') > -1;
      }
      let val1 = document.getElementById('test');
      alert(hasClass(val1, 'myClass'));
    </script>
  </body>
</html>

日期：2020-06-02 22:16:10 来源：oir作者：oir

←JS如何检查变量是否为函数类型

JavaScript 如何检查元素是否存在于数组中？→

hasClass() 方法

目录