如何 - 添加课程

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

提示：另请参阅如何切换类。

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

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

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