删除 CSS 类 JavaScript

1. 使用 classList.remove() 从 JavaScript 元素中删除 CSS 类
2. 使用 jQuery removeClass() 使用 jQuery 从元素中删除 CSS 类

本教程教授如何使用 JavaScript 从元素中删除 CSS 类。

使用 classList.remove() 从 JavaScript 元素中删除 CSS 类

classList 属性返回应用于元素的类列表。它有助于添加、删除和切换附加到元素的 CSS 类。它为我们提供了 add() 和 remove() 方法来从 classList 添加/删除类。使用 remove()，我们可以轻松地从任何元素中删除 CSS 类。

var div = document.getElementById('delftstack');
div.classList.remove('delftclass');

在上面的代码中，我们使用选择器从 DOM 中获取所需的元素，然后将其存储在一个变量中，以便我们可以访问其属性并对其进行修改。由于我们想从元素中删除类，我们使用 classList.remove() 来删除所需的类。我们甚至可以通过提供多个参数同时删除多个类名。

应该注意的是 Internet Explorer 不支持 classList 属性。

使用 jQuery removeClass() 使用 jQuery 从元素中删除 CSS 类

jQuery 中的 removeClass() 函数的唯一目的是从元素中删除一个类。它可以从元素中删除单个、多个甚至所有类。我们可以通过在任何引用的元素上调用函数来删除类。要一次删除所有类，请调用函数 removeClass() 而不提供任何参数。

$('#removeme').removeClass('admin');

另一个名为 toggleClass() 的函数从元素中添加/删除类，从而删除已经存在的类，但添加不存在的类。它有助于实现相同的结果，但应谨慎使用，因为如果指定了错误的类名，我们可能会添加一个新类。