如何使用 JavaScript 添加或刪除多個 CSS 類

要使用 JavaScript 從 HTML 元素中添加或刪除多個 CSS 類，可以使用 classList 屬性。

classList 屬性以 DOMTokenList 形式返回應用於元素的所有類的實時集合 對象。

此屬性有助於在元素上添加、刪除和切換 CSS 類。有用的

classList 屬性是只讀的。但是，您可以使用 add() 對其進行修改 和 remove() 方法。

add() 方法允許您向一個元素添加一個或多個 CSS 類：

const div = document.querySelector('div');

div.classList.add('pizza', 'spice', 'potato');

同樣，remove() 可用於從元素中刪除一個或多個 CSS 類：

const div = document.querySelector('div');

div.classList.remove('pizza', 'potato');

classList 屬性僅適用於現代瀏覽器和 IE10 及以上版本。

查看本文以了解有關在 JavaScript 中添加、刪除和切換 CSS 類的更多信息。