如何更改类

学习如何使用 JavaScript 更改元素的类名。

This is a DIV.

更改类

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

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

<script>
function myFunction() {
  const element = document.getElementById("myDIV");  // 获取 DIV 元素
  element.classList.remove("mystyle"); // 从 DIV 中删除 mystyle 类
  element.classList.add("newone"); // 将 newone 类添加到 DIV
}
</script>

亲自试一试

相关页面

教程：如何切换类

参考手册：HTML DOM Element classList 属性