如何 - 添加一个类
了解如何使用 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 属性的更多信息。