通过 DOM 删除类 - JavaScript

在 JavaScript 中，修改一个元素的类别是一项很有用的技能。通常我们会使用 DOM 接口来操作元素的类别。在这篇文章中，我们将会学习如何使用 JavaScript 的 DOM 接口来删除一个元素的类别。

删除一个类

删除一个类十分简单，只需使用元素的 classList 属性的 remove() 方法。下面是一个例子：

const element = document.querySelector('.container');
element.classList.remove('active');

在这个例子中，我们选择了一个类名为 .container 的元素，并删除了它的一个名为 active 的类。

删除多个类

如果你需要删除多个类，可以使用多个 remove() 方法，或者使用 classList 属性的 remove() 方法来传递多个类名。下面是一个例子：

const element = document.querySelector('.container');
element.classList.remove('active', 'hidden', 'visible');

在这个例子中，我们选择了一个类名为 .container 的元素，并删除了三个类：active、hidden 和 visible。

删除所有类

如果你需要删除元素的所有类，可以使用 classList 属性的 remove() 方法来不传入参数。下面是一个例子：

const element = document.querySelector('.container');
element.classList.remove();

在这个例子中，我们给选择了一个类名为 .container 的元素，并删除了它所有的类。

结论

在 JavaScript 中，我们可以使用 DOM 接口来操作元素的类别。使用 classList 属性的 remove() 方法，我们可以删除一个元素的类，多个类，或者所有的类。