Javascript 检查元素是否具有类

在 Javascript 中，可以使用 classList 属性来检查元素是否具有指定的类。

检查元素是否具有类的方法

以下是检查元素是否具有类的方法：

1. classList.contains()

classList.contains() 方法用于检查元素是否包含指定的类。如果包含，则返回 true，否则返回 false。

var element = document.getElementById("myElement");
if (element.classList.contains("myClass")) {
  // 元素具有 myClass 类
}

2. classList.toggle()

classList.toggle() 方法用于在元素上添加或删除指定的类。如果元素已具有该类，则删除该类；如果元素没有该类，则添加该类。此方法返回一个布尔值，表示该类是否已被添加。

var element = document.getElementById("myElement");
var classExists = element.classList.toggle("myClass");
if (classExists) {
  // myClass 类已被添加
} else {
  // myClass 类已被删除
}

3. classList.replace()

classList.replace() 方法用于替换元素上的一个类为另一个类。

var element = document.getElementById("myElement");
element.classList.replace("oldClass", "newClass");

总结

现在我们已经知道了如何使用 classList 属性来检查元素是否具有指定的类。这种检查是很常见的，因为它可以帮助我们在运行时根据元素的属性来确定页面的状态。

参考资料

• MDN Web 文档：Element.classList