刪除 CSS 類 JavaScript

1. 使用 classList.remove() 從 JavaScript 元素中刪除 CSS 類
2. 使用 jQuery removeClass() 使用 jQuery 從元素中刪除 CSS 類

本教程教授如何使用 JavaScript 從元素中刪除 CSS 類。

使用 classList.remove() 從 JavaScript 元素中刪除 CSS 類

classList 屬性返回應用於元素的類列表。它有助於新增、刪除和切換附加到元素的 CSS 類。它為我們提供了 add() 和 remove() 方法來從 classList 新增/刪除類。使用 remove()，我們可以輕鬆地從任何元素中刪除 CSS 類。

var div = document.getElementById('delftstack');
div.classList.remove('delftclass');

在上面的程式碼中，我們使用選擇器從 DOM 中獲取所需的元素，然後將其儲存在一個變數中，以便我們可以訪問其屬性並對其進行修改。由於我們想從元素中刪除類，我們使用 classList.remove() 來刪除所需的類。我們甚至可以通過提供多個引數同時刪除多個類名。

應該注意的是 Internet Explorer 不支援 classList 屬性。

使用 jQuery removeClass() 使用 jQuery 從元素中刪除 CSS 類

jQuery 中的 removeClass() 函式的唯一目的是從元素中刪除一個類。它可以從元素中刪除單個、多個甚至所有類。我們可以通過在任何引用的元素上呼叫函式來刪除類。要一次刪除所有類，請呼叫函式 removeClass() 而不提供任何引數。

$('#removeme').removeClass('admin');

另一個名為 toggleClass() 的函式從元素中新增/刪除類，從而刪除已經存在的類，但新增不存在的類。它有助於實現相同的結果，但應謹慎使用，因為如果指定了錯誤的類名，我們可能會新增一個新類。