js 设置class

// 示例代码：使用 JavaScript 设置元素的 class

// 方法 1: 使用 className 属性 (直接替换整个 class 列表)
const element = document.getElementById('myElement');
element.className = 'new-class'; // 这会将该元素的所有类替换为 'new-class'

// 方法 2: 使用 classList.add() 方法 (添加一个或多个类，不会覆盖现有类)
element.classList.add('another-class'); // 添加 'another-class' 类，保留已有类

// 方法 3: 使用 classList.remove() 方法 (移除一个或多个类)
element.classList.remove('old-class'); // 移除 'old-class' 类

// 方法 4: 使用 classList.toggle() 方法 (切换类的存在状态)
element.classList.toggle('active'); // 如果存在 'active' 类则移除，否则添加

// 方法 5: 使用 classList.replace() 方法 (用新类替换现有类)
element.classList.replace('old-class', 'new-class'); // 将 'old-class' 替换为 'new-class'

解释说明：

• className：直接设置或获取元素的 class 属性值。如果使用此方法，会覆盖原有所有类。
• classList.add()：向元素添加一个或多个类，不会影响已有的类。
• classList.remove()：从元素中移除一个或多个类。
• classList.toggle()：切换类的存在状态。如果类存在，则移除；如果不存在，则添加。
• classList.replace()：用新类替换现有类，确保类的更新。

这些方法可以帮助你灵活地操作 HTML 元素的 class 属性。