切换元素的类

要切换元素的类，您可以使用元素的 classList 属性的 toggle() 方法

element.classList.toggle(className);Code language: CSS (css)

如果元素具有 className，则 toggle() 方法会将其删除。如果元素没有 className，则 toggle() 方法会将 className 添加到 classList 中。

假设您有以下元素

<div class="show">Item</div>Code language: HTML, XML (xml)

以下说明了如何切换 <div> 元素的 show 类

const div = document.querySelector('div');
div.classList.toggle('show');Code language: JavaScript (javascript)