在JavaScript中判断一个元素是否包含指定类名的方法

在JavaScript中，可以使用Element.classList.contains()方法来判断一个元素是否包含指定类名。该方法接受一个参数，即要检查的类名，如果元素包含指定的类名，则返回true，否则返回false。

使用方法

// 判断元素是否包含指定类名
let contains = element.classList.contains('className');

// 如果元素包含指定类名，则contains为true
if (contains) {
    // do something
}

下面是一个示例，假设有一个div元素，其class属性为“container”，要判断该元素是否包含“container”类名：

let element = document.querySelector('div');
let contains = element.classList.contains('container');
if (contains) {
    console.log('Element contains the class "container"');
}

上面示例中，使用Element.classList.contains()方法来判断元素是否包含指定类名，参数为“container”，如果元素包含该类名，则contains变量为true，则会打印“Element contains the class "container"”。

更多用法

• Element.classList.add()：向元素添加一个或多个类名。
• Element.classList.remove()：从元素中移除一个或多个类名。
• Element.classList.toggle()：如果元素中包含指定类名，则移除它；如果没有，则添加它。
• Element.classList.replace()：用新类名替换旧类名。