如何 - 添加类
了解如何使用 JavaScript 将类名添加到元素。
单击按钮将类添加到我！
添加类
步骤 1) 添加 HTML
将类名添加到 id 为“myDIV”的 div 元素（在本例中，我们使用按钮添加类）。
示例
<button onclick="myFunction()">尝试一下</button>
<div id="myDIV">
这是一个 DIV 元素。
</div>
步骤 2) 添加 CSS
设置指定类名的样式
示例
.mystyle {
width: 100%;
padding: 25px;
background-color: coral;
color: white;
font-size: 25px;
}
步骤 3) 添加 JavaScript
获取 id 为“myDIV”的 <div> 元素，并向其添加“mystyle”类
示例
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.add("mystyle");
}
亲自尝试 »
提示：另请参阅 如何切换类。
提示：另请参阅 如何删除类。
提示：在我们的 JavaScript 参考中了解有关 classList 属性的更多信息。
提示：在我们的 JavaScript 参考中了解有关 className 属性的更多信息。
