如何使用 JavaScript（不使用 jQuery）從元素中刪除 CSS 類別？

如何使用JavaScript 從元素中刪除CSS 類別（不使用jQuery）

問題： 有人可以指導我嗎如何僅使用JavaScript（不包括jQuery）從HTML 元素中刪除類別？

答案：

首選方法是利用 classList 屬性。它在現代瀏覽器中得到廣泛支援。

要刪除類，只需使用以下語法：

ELEMENT.classList.remove("CLASS_NAME");

範例：

考慮一個有名為「red」的類別的按鈕元素來示範此概念：

<button></button>

點擊按鈕時，以下JavaScript 程式碼將從ID 為「el」的元素中刪除「red」類別：

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

此操作會變更套用於具有「el」ID 的元素的CSS 樣式，有效刪除微紅色背景：

.red {
  background: red
}

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