如何 - 移除一個 Class
瞭解如何使用 JavaScript 從元素中移除一個 class 名稱。
點選按鈕從我這裡移除一個 class！
移除 Class
步驟 1) 新增 HTML
在本例中，我們將使用一個按鈕來移除 id="myDIV" 的 <div> 元素中的 "mystyle" class
示例
<button onclick="myFunction()">試一試</button>
<div id="myDIV" class="mystyle">
這是一個 DIV 元素。
</div>
步驟 2) 新增 CSS
為指定的 class 名稱設定樣式
示例
.mystyle {
width: 100%;
padding: 25px;
background-color: coral;
color: white;
font-size: 25px;
}
步驟 3) 新增 JavaScript
獲取 id="myDIV" 的 <div> 元素，並從中移除 "mystyle" class
示例
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
自己動手試一試 »
提示：另請參閱 如何切換類。
提示：另請參閱 如何新增類。
提示：在我們的 JavaScript 參考中瞭解有關 classList 屬性的更多資訊。
提示：在我們的 JavaScript 參考中瞭解更多關於 className 屬性的資訊。
