如何使用 Vanilla JavaScript 刪除 CSS 類別？

刪除 CSS 類別：綜合 JavaScript 指南

使用原生 JavaScript 從元素中刪除 CSS 類別是 Web 開發人員遇到的常見任務。與提供簡化 API 的 jQuery 不同，JavaScript 提供了一種多功能且低階的方法來執行此操作。

要有效刪除 CSS 類，首選且標準化的技術是利用 classList 屬性。它受現代瀏覽器的支持，可實現精確的類別操作。

解決方案

以下程式碼片段示範了正確的語法：

ELEMENT.classList.remove("CLASS_NAME");

此程式碼片段從目標元素中刪除指定的類別( CLASS_NAME) （元素）。

範例

考慮以下範例，其中我們有一個按鈕可以切換從div 中刪除「紅色」類別：

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

.red {
  background: red
}

<div>

點選「刪除班級」按鈕後，「紅色」背景將會出現從div 中刪除。

了解如何使用 JavaScript 刪除 CSS 類別對於維護動態網頁以及精確控制元素樣式至關重要。

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