操作指南 - 更改類
瞭解如何使用 JavaScript 更改元素的類名。
這是一個 DIV。
更改類
將 <div> 元素的類從 "mystyle" 更改為 "newone"
示例
<div id="myDIV" class="mystyle">
這是一個 DIV 元素。
</div>
<script>
function myFunction() {
const element = document.getElementById("myDIV"); // 獲取 DIV 元素
element.classList.remove("mystyle"); // 從 DIV 中移除 mystyle 類
element.classList.add("newone"); // 向 DIV 新增 newone 類
}
</script>
自己動手試一試 »
提示:另請參閱 如何切換類。
提示:在我們的 JavaScript 參考中瞭解有關 classList 屬性的更多資訊。