如何使用 JavaScript 從元素中刪除 CSS 類別？

使用 JavaScript 刪除 CSS 類別

JavaScript 提供了一種直接從元素中刪除 CSS 類別的方法，無需使用 jQuery。此方法使用大多數現代瀏覽器都支援的 classList 屬性。

使用 classList 刪除 CSS 類別的步驟：

1. 選擇元素： 使用 document.querySelector 標識要從中刪除類別的元素或document.getElementById.

2. 刪除類別： 利用 classList.remove() 方法刪除所需的 CSS 類別。文法如下：

   ELEMENT.classList.remove("CLASS_NAME");

範例：

從 ID 為 el的元素中刪除「red」類別'，您可以使用以下程式碼：

const el = document.querySelector('#el');
el.classList.remove("red");

替代方法：

雖然classList.remove() 是建議的方法，但還有其他刪除CSS類別的方法：

• .removeAttribute(): 此方法刪除整個屬性，包括類別名稱。但是，它比 classList.remove() 效率低。
• 取代類別屬性：您可以將整個類別屬性替換為排除要刪除的類別的新值。

以上是如何使用 JavaScript 從元素中刪除 CSS 類別？的詳細內容。更多資訊請關注PHP中文網其他相關文章！