如何添加类

学习如何使用 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.add("mystyle");
}