如何使用 JavaScript 向元素添加 CSS 類
要將 CSS 類添加到 HTML 元素,可以使用 classList
元素的屬性。它是一個只讀屬性,返回一個實時 DOMTokenList
應用於元素的所有類的集合。
假設您有以下 HTML 元素:
<div>🍕</div>
添加 pizza
類到上述<div>
元素,可以使用如下代碼:
const div = document.querySelector('div');
div.classList.add('pizza');
classList.add()
方法還允許您添加多個類:
const div = document.querySelector('div');
div.classList.add('pizza', 'spice', 'potato');
classList
屬性僅適用於現代瀏覽器,以及 IE10 及以上版本。
查看本文以了解有關在 JavaScript 中添加、刪除和切換 CSS 類的更多信息。