如何更改类

学习如何使用 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");  // Das DIV-Element wird abgerufen
  element.classList.remove("mystyle"); // Die Klasse 'mystyle' wird aus dem DIV entfernt
  element.classList.add("newone"); // Die Klasse 'newone' wird dem DIV hinzugefügt
}
</script>

亲自试一试

相关页面

教程:如何切换类

参考手册:HTML DOM Element classList 属性