如何更改類

學習如何使用 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 屬性