如何切换类

使用 JavaScript 在元素中添加和删除类名之间切换。

单击按钮可切换类名！

切换类

在将类名添加到 id="myDIV" 的 div 元素之间切换（在本例中，我们使用按钮来切换类名）。

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

<div id="myDIV">
  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.toggle("mystyle");
}