js判断是否有某个class

// 假设我们有一个元素的引用
const element = document.querySelector('.my-element');

// 检查元素是否有 'active' 这个 class
if (element.classList.contains('active')) {
    console.log('元素包含 active 类');
} else {
    console.log('元素不包含 active 类');
}

const element = document.querySelector('.my-element');

// 检查 className 是否包含 'active'
if (element.className.includes('active')) {
    console.log('元素包含 active 类');
} else {
    console.log('元素不包含 active 类');
}

const element = document.querySelector('.my-element');

// 使用正则表达式检查是否包含 'active'
if (/active/.test(element.className)) {
    console.log('元素包含 active 类');
} else {
    console.log('元素不包含 active 类');
}

const element = document.querySelector('.my-element');

// 获取 class 属性
const classAttr = element.getAttribute('class');

// 检查是否包含 'active'
if (classAttr && classAttr.split(' ').includes('active')) {
    console.log('元素包含 active 类');
} else {
    console.log('元素不包含 active 类');
}