如何删除类

学习如何使用 JavaScript 从元素中删除类名。

单击按钮从我这里删除一个类！

删除类

在此例中，我们将使用一个按钮从 id="myDIV" 的 <div> 元素中删除 "mystyle" 类：

<button onclick="myFunction()">试一试</button>

<div id="myDIV" class="mystyle">
  This is a DIV element.
</div>

设置指定类名的样式：

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

获取 id="myDIV" 的 <div> 元素，并从中删除 "mystyle" 类：

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.remove("mystyle");
}