检查 classList 中的类 - Javascript

在 Javascript 中，有时候我们需要检查一个元素的 classList 中是否包含某个类。这种情况下我们可以使用 classList.contains() 方法来实现。

语法

var bool = element.classList.contains(class);

参数说明：

• element：需要检查的元素
• class：需要判断是否存在的类名

返回值说明：

• bool：如果元素的 classList 中包含指定的类名，则返回 true；否则返回 false。

示范代码

// 获取需要检查的元素
var myElement = document.getElementById("myElement");

// 检查元素是否包含名为 "myClass" 的类
if (myElement.classList.contains("myClass")) {
  // 存在该类
  console.log("存在该类");
} else {
  // 不存在该类
  console.log("不存在该类");
}

兼容性

classList.contains() 方法兼容性良好，支持 IE10 及以上浏览器。

总结

classList.contains() 方法是一个简单而实用的方法，在开发 web 应用时特别有用。它能够让我们轻松地检查一个元素的 classList 中是否包含某个类，从而精确的掌控元素的状态，提高编程效率。