javascript - 使用 JavaScript 从元素中删除 CSS 类(无 jQuery)

Question

这个问题在这里已经有了答案:

How can I change an element's class with JavaScript? (33 个答案)

关闭 8年前。

谁能告诉我如何仅使用 JavaScript 删除元素上的类？请不要用 jQuery 给我答案，因为我不能使用它，而且我对此一无所知。

Answer 1

正确和标准的方法是使用 classList。现在是 widely supported in the latest version of most modern browsers :

ELEMENT.classList.remove("CLASS_NAME");

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

.red {
  background: red
}

<div id='el' class="red"> Test</div>
<button id='remove'>Remove Class</button>

文档:https://developer.mozilla.org/en/DOM/element.classList