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

使用純JavaScript 從元素中刪除CSS 類別

在Web 開發領域，從元素中刪除CSS 類別而不是jQuery 經常經常出現。此任務需要徹底了解 JavaScript 的功能。

現代方法：ClassList 來救援

為了以符合當前 Web 標準的方式實現此目標， classList 屬性作為首選方法脫穎而出。大多數主流瀏覽器都支援此屬性，它提供了操作類別的直接方法。

操作中的實作

為了說明 classList的用法，請考慮以下程式碼片段：

ELEMENT.classList.remove("CLASS_NAME");

這是一個提供進一步說明的範例清晰度：

<div>

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

remove.onclick = () => {
  remove();
};

在此程式碼中，remove()函數利用classList.remove() 從ID 為el 的元素中消除「紅色」類別。點擊 ID 為「remove」的按鈕後，會觸發此操作，從而刪除對應的 CSS 樣式。

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