如何 - 切换类

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

单击按钮可切换类名称！

切换类

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

<button onclick="myFunction()">Try it</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");
}

提示：另请参阅如何添加类。

提示：另请参阅如何删除一个类。

提示：了解更多关于类列表我们的 JavaScript 参考中的属性。