如何刪除類

學習如何使用 JavaScript 從元素中刪除類名。

單擊按鈕從我這里刪除一個類！

刪除類

在此例中，我們將使用一個按鈕從 id="myDIV" 的 <div> 元素中刪除 "mystyle" 類：

<button onclick="myFunction()">試一試</button>
<div id="myDIV" class="mystyle">
  This is a DIV element.
</div>

設置指定類名的樣式：

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

獲取 id="myDIV" 的 <div> 元素，并從中刪除 "mystyle" 類：

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.remove("mystyle");
}