js classlist

// 使用 classList 的示例代码

// 假设我们有一个 HTML 元素，例如一个 div
let element = document.querySelector('div');

// 添加一个类名
element.classList.add('active');  // 这会将 'active' 类添加到元素的 class 属性中

// 移除一个类名
element.classList.remove('active');  // 这会将 'active' 类从元素的 class 属性中移除

// 切换一个类名（如果存在则移除，如果不存在则添加）
element.classList.toggle('highlight');  // 如果 'highlight' 类存在，则移除它；如果不存在，则添加它

// 检查一个类名是否存在
let hasClass = element.classList.contains('highlight');  // 返回 true 或 false

// 替换一个类名
element.classList.replace('oldClass', 'newClass');  // 将 'oldClass' 替换为 'newClass'

// 遍历所有类名
element.classList.forEach(className => {
    console.log(className);  // 打印每个类名
});

解释说明：

• classList 是一个 DOMTokenList 对象，用于操作元素的类名。
• add() 方法用于向元素添加一个或多个类名。
• remove() 方法用于从元素中移除一个或多个类名。
• toggle() 方法用于切换类名的存在状态：如果类名存在则移除它，如果不存在则添加它。
• contains() 方法用于检查元素是否包含指定的类名，返回布尔值。
• replace() 方法用于替换类名。
• forEach() 方法可以遍历所有类名。