如何在沒有 jQuery 的情況下使用 JavaScript 刪除 CSS 類別？-js教程-PHP中文網

如何在沒有 jQuery 的情況下使用 JavaScript 刪除 CSS 類別？

Mary-Kate Olsen

發布： 2024-11-11 17:33:03

原創

701 人瀏覽過

How to Remove CSS Classes with JavaScript Without jQuery?

在不使用jQuery 的情況下使用JavaScript 刪除CSS 類別

使用JavaScript 從元素中刪除CSS 類別是Web 開發中的一>

使用JavaScript 從元素中刪除CSS 類別是Web 開發中的一>項常見任務。要在不使用 jQuery 的情況下實現此目的，有多種方法，最簡單的是使用 classList 屬性。

使用 classList

classList 屬性提供了一個簡單的介面用於操作元素上的類別。要刪除特定的類，只需使用remove()方法：

ELEMENT.classList.remove("CLASS_NAME");

登入後複製

示例

考慮以下HTML和CSS：

<div>

登入後複製

.red {
  background: red;
}

登入後複製

要使用classList 從「el」元素中刪除「red」類，可以使用以下程式碼使用：

var el = document.getElementById("el");
el.classList.remove("red");

登入後複製

替代方法

雖然classList是最推薦的方法，但還有其他方法可以刪除類別，例如：

但是，這些方法效率較低，並且與使用 classList 相比更靈活。

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