如何使用 JavaScript（不使用 jQuery）从元素中删除 CSS 类？

如何使用 JavaScript 从元素中删除 CSS 类（不使用 jQuery）

问题： 有人可以指导我吗如何仅使用 JavaScript（不包括 jQuery）从 HTML 元素中删除类？

答案：

首选方法是利用 classList 属性。它在现代浏览器中得到广泛支持。

要删除类，只需使用以下语法：

ELEMENT.classList.remove("CLASS_NAME");

示例：

考虑带有名为“red”的类的按钮元素来演示此概念：

<button>

单击按钮时，以下 JavaScript 代码将从 ID 为“el”的元素中删除“red”类：

remove.onclick = () => {
  const el = document.querySelector('#el');
  el.classList.remove("red");
};

此操作会更改应用于具有“el”ID 的元素的 CSS 样式，有效地删除微红色背景：

.red {
  background: red
}

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