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

使用 JavaScript 删除 CSS 类

JavaScript 提供了一种直接从元素中删除 CSS 类的方法，无需使用 jQuery。此方法使用大多数现代浏览器都支持的 classList 属性。

使用 classList 删除 CSS 类的步骤：

1. 选择元素： 使用 document.querySelector 标识要从中删除 CSS 类的元素或document.getElementById.

2. 删除类： 利用 classList.remove() 方法删除所需的 CSS 类。语法如下：

   ELEMENT.classList.remove("CLASS_NAME");

示例：

从 ID 为 el 的元素中删除“red”类'，您可以使用以下代码：

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

替代方法：

虽然 classList.remove() 是推荐的方法，但还有其他删除 CSS 类的方法：

• .removeAttribute(): 此方法删除整个属性，包括类名。但是，它比 classList.remove() 效率低。
• 替换类属性：您可以将整个类属性替换为排除要删除的类的新值。

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