如何 - 更改类

了解如何使用 JavaScript 更改元素的类名称。

这是一个 DIV。

改变类

将 <div> 元素的类从 "mystyle" 更改为 "newone"：

示例

<div id="myDIV" class="mystyle">
This is a DIV element.
</div>

<script>
function myFunction() {
const element = document.getElementById("myDIV"); // Get the DIV element
element.classList.remove("mystyle"); // Remove mystyle class from DIV
element.classList.add("newone"); // Add newone class to DIV
}
</script>

亲自试一试 »

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

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