检查元素是否包含类

要检查元素是否包含类，可以使用元素的classList 属性的 contains() 方法。

element.classList.contains(className);Code language: CSS (css)

在这个方法中，将className 传递给元素的classList 属性的contains() 方法。如果元素包含className，则该方法返回true。否则，它返回false。

例如，假设您有以下带有两个类的<div> 元素：secondary 和 info

<div class="secondary info">Item</div>Code language: HTML, XML (xml)

要检查<div> 元素是否包含secondary 类，可以使用以下代码

const div = document.querySelector('div');
div.classList.contains('secondary'); // trueCode language: JavaScript (javascript)

在这个例子中，我们使用querySelector() 方法来选择div，并使用contains() 方法来检查它的类列表是否包含secondary 类。

以下示例返回false，因为<div> 元素没有error 类

const div = document.querySelector('div');
div.classList.contains('error'); // falseCode language: JavaScript (javascript)

总结

• 使用element.classList.contains() 方法检查元素是否包含特定的类名。