js 删除class

作者：热血震荡发布日期:2025-02-07 浏览:327

// 示例代码：删除元素的 class

// 假设我们有一个 HTML 元素，如下：
// <div id="myElement" class="class1 class2 class3"></div>

// 获取该元素
let element = document.getElementById('myElement');

// 方法 1: 使用 classList.remove()
element.classList.remove('class2');  // 删除 class2

// 方法 2: 使用 classList.toggle()，如果存在则删除，不存在则添加
element.classList.toggle('class3');  // 如果有 class3 则删除，否则添加

// 方法 3: 直接修改 className 属性（会替换所有 class）
element.className = 'class1';  // 只保留 class1，其他全部删除

// 解释说明：
// - `classList.remove()`：用于删除指定的 class，不影响其他 class。
// - `classList.toggle()`：如果 class 存在则删除，不存在则添加。
// - `className`：直接设置或获取元素的所有 class，会覆盖原有 class。

上一篇：js 删除dom

下一篇：nestjs jwt