如何添加類

學習如何使用 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.add("mystyle");
}