js 修改class

// 修改元素的 class 示例

// 1. 获取 DOM 元素
const element = document.querySelector('.my-element');

// 2. 添加一个 class
element.classList.add('new-class'); // 添加名为 'new-class' 的类

// 3. 移除一个 class
element.classList.remove('old-class'); // 移除名为 'old-class' 的类

// 4. 切换一个 class（如果存在则移除，不存在则添加）
element.classList.toggle('toggle-class'); // 切换名为 'toggle-class' 的类

// 5. 检查元素是否包含某个 class
if (element.classList.contains('specific-class')) {
    console.log('元素包含 specific-class');
}

// 6. 直接修改 class 属性（会替换所有现有类）
element.className = 'brand-new-class'; // 将元素的所有类替换为 'brand-new-class'

解释说明：

• classList 是一个用于操作元素类名的属性，它提供了方便的方法来添加、移除、切换和检查类。
• add() 和 remove() 分别用于添加和移除类。
• toggle() 用于切换类的存在状态。
• contains() 用于检查元素是否包含特定的类。
• className 属性可以直接设置或获取元素的所有类，但使用时会覆盖现有的所有类。