如何使用 JavaScript 删除 CSS 类？

使用 JavaScript 删除 CSS 类

要使用 JavaScript 从元素中删除 CSS 类，有多种方法。让我们使用 classList 来探索推荐的方法。

classList 是现代浏览器中广泛支持的属性。要使用它，请按照以下步骤操作：

1. 检索元素：使用 document.querySelector() 选择要修改的元素。
2. 访问 classList 属性： 获得元素后，使用 classList 属性来操作类。
3. 删除类： 在 classList 上调用remove()方法并在引号内指定要删除的类名。

例如：

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

此代码将从 ID 为“el”的元素中删除“red”类".

补充说明：

• 如果需要删除多个类，可以多次使用remove()方法。
• classList 还支持 add()、toggle() 和 contains() 方法来管理类。
• 对于不支持 classList 的浏览器，可以使用 element.className 来删除类，但会被认为已过时。

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