javascript classlist 是用于操作元素 class 屬性的 dom 接口，它提供了添加、刪除和切換 class 的方法，通過(guò)它可以獲取 class 屬性值、長(zhǎng)度和指定索引處的 class，并檢查元素中是否包含特定 class。
什么是 JavaScript ClassList？
JavaScript ClassList 是一個(gè)表示元素 class 屬性的 DOM 接口。它允許開(kāi)發(fā)者輕松操作元素的 class 屬性，包括添加、刪除和切換 class。
ClassList 的屬性和方法
value：獲取或設(shè)置元素的 class 屬性。
length：獲取 ClassList 中 class 的數(shù)量。
add(class)：添加給定的 class 到元素中。
remove(class)：從元素中刪除給定的 class。
toggle(class)：如果元素中存在給定的 class，則將其刪除；如果不存在，則將其添加。
contains(class)：檢查元素中是否包含給定的 class。
item(index)：獲取 ClassList 中指定索引處的 class。
示例
以下代碼演示了如何使用 ClassList 來(lái)操作元素的 class 屬性：
const element = document.getElementById('my-element');
// 添加一個(gè) class
element.classList.add('active');
// 刪除一個(gè) class
element.classList.remove('error');
// 切換一個(gè) class
element.classList.toggle('visible');
// 檢查一個(gè) class 是否存在
const hasActiveClass = element.classList.contains('active');
登錄后復(fù)制
優(yōu)勢(shì)
使用 ClassList 有以下優(yōu)勢(shì)：
易于修改：它提供了一個(gè)便捷的方法來(lái)修改元素的 class 屬性，而無(wú)需直接操作 DOM。
提高性能：ClassList 使用了 DOM 原生方法，因此性能很好。
兼容性：ClassList 支持所有現(xiàn)代瀏覽器。
