如何使用 JavaScript 從元素中刪除 CSS 類
remove()
classList
的方法 屬性可用於從 HTML 元素中刪除 CSS 類。
假設您有以下 <div>
元素:
<div class="pizza hot spicy potato">🍕</div>
刪除 spicy
從上面的 HTML 元素中創建類,您可以執行以下操作:
const div = document.querySelector('div');
div.classList.remove('spicy');
remove()
方法還允許您從 HTML 元素中刪除多個 CSS 類,如下所示:
const div = document.querySelector('div');
div.classList.remove('pizza', 'potato');
classList
屬性適用於現代瀏覽器,以及 IE10 及更高版本。
查看本文以了解有關在 JavaScript 中添加、刪除和切換 CSS 類的更多信息。