如何 - 移除类
了解如何使用 JavaScript 从元素中移除类名。
点击按钮从我身上移除一个类！
移除类
步骤 1) 添加 HTML
在本例中，我们将使用一个按钮从 id 为 "myDIV" 的 <div> 元素中移除 "mystyle" 类。
示例
<button onclick="myFunction()">试试看</button>
<div id="myDIV" class="mystyle">
这是一个 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.remove("mystyle");
}
自己尝试 »
提示： 也可以查看 如何切换类.
提示： 也可以查看 如何添加类.
提示： 在我们的 JavaScript 参考中详细了解 classList 属性。
提示： 在我们的 JavaScript 参考中详细了解 className 属性。
