如何 - 移除一个 Class
了解如何使用 JavaScript 从元素中移除一个 class 名称。
点击按钮从我这里移除一个 class!
移除 Class
步骤 1) 添加 HTML
在本例中,我们将使用一个按钮来移除 id="myDIV" 的 <div> 元素中的 "mystyle" class
示例
<button onclick="myFunction()">试一试</button>
<div id="myDIV" class="mystyle">
这是一个 DIV 元素。
</div>
步骤 2) 添加 CSS
为指定的 class 名称设置样式
示例
.mystyle {
width: 100%;
padding: 25px;
background-color: coral;
color: white;
font-size: 25px;
}
步骤 3) 添加 JavaScript
获取 id="myDIV" 的 <div> 元素,并从中移除 "mystyle" class
示例
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
自己动手试一试 »
提示:另请参阅 如何切换类。
提示:另请参阅 如何添加类。
提示:在我们的 JavaScript 参考中了解有关 classList 属性的更多信息。
提示:在我们的 JavaScript 参考中了解更多关于 className 属性的信息。