如何使用 JavaScript 刪除 CSS 類別？

使用 JavaScript 刪除 CSS 類別

要使用 JavaScript 從元素中刪除 CSS 類，有多種方法。讓我們使用 classList 來探索推薦的方法。

classList 是現代瀏覽器中廣泛支援的屬性。要使用它，請按照以下步驟操作：

1. 檢索元素：使用 document.querySelector() 選擇要修改的元素。
2. 存取 classList 屬性： 取得元素後，使用 classList 屬性來操作類別。
3. 刪除類別： 在 classList 上呼叫remove()方法，並在引號內指定要刪除的類別名稱。

對於範例：

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

此程式碼將從具有ID 的元素中刪除「紅色」類別

補充說明：

• 如果需要刪除多個類，可以多次使用remove()方法。
• classList 也支援 add()、toggle() 和 contains() 方法來管理類別。
• 適用於瀏覽器不支援 classList，您可以使用 element.className 刪除該類，但它被認為已過時。

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