如何使用纯 JavaScript 从元素中删除 CSS 类？

使用纯 JavaScript 从元素中删除 CSS 类

使用 Web 元素时，您可能会遇到需要动态删除 CSS 类的情况特定的 CSS 类。知道如何使用纯 JavaScript 来实现这一点至关重要。与简化元素操作的 jQuery 不同，JavaScript 提供了一种通用的类删除解决方案。

要使用 JavaScript 有效地从元素中删除类，请利用 现代浏览器广泛支持的 classList 属性。语法很简单：

ELEMENT.classList.remove("CLASS_NAME");

例如，让我们考虑以下 HTML 元素：

<div>

在这种情况下，el 是一个分配有红色类的元素。假设您想使用 JavaScript 从中删除红色类。您可以通过执行以下代码来做到这一点：

const el = document.querySelector('#el');
el.classList.remove("red");

执行此操作后，el 元素将不再具有红色类，从而有效地改变其外观。请注意，此解决方案与大多数现代浏览器兼容，并提供了一种动态操作 CSS 类的干净方法。

以上是如何使用纯 JavaScript 从元素中删除 CSS 类？的详细内容。更多信息请关注PHP中文网其他相关文章！