如何切換類

使用 JavaScript 在元素中添加和刪除類名之間切換。

單擊按鈕可切換類名！

切換類

在將類名添加到 id="myDIV" 的 div 元素之間切換（在本例中，我們使用按鈕來切換類名）。

<button onclick="myFunction()">試一試</button>
<div id="myDIV">
  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.toggle("mystyle");
}