如何使用 js 从元素中删除类列表 - Javascript

在 Javascript 中，我们经常需要动态地添加或删除元素的类列表。删除类列表可以使用 classList.remove() 方法。下面是一个简单的示例。

const element = document.getElementById('myElement');
element.classList.remove('myClass');

上面的代码会从 id 为 myElement 的元素中删除 myClass 这个类。如果 myClass 这个类不存在于该元素的类列表中，则不做任何操作。

不过，如果您想从元素中删除多个类，则需要使用 classList.remove() 方法的多个参数形式。下面是一个使用该形式的示例。

const element = document.getElementById('myElement');
element.classList.remove('myClass1', 'myClass2', 'myClass3');

上面的代码会从 id 为 myElement 的元素中删除 myClass1、myClass2 和 myClass3 这三个类。

注意，classList.remove() 方法是基于类名来删除类的，而不是基于类在样式表中的位置。也就是说，如果您在样式表中定义了两个类 myClass1 和 myClass2，并且这两个类都被添加到了同一个元素中，那么使用 classList.remove('myClass1') 方法只会删除 myClass1 这个类。

除了 classList.remove() 方法外，还有一些其他的方法可以用于操作元素的类列表，如 classList.add()、classList.toggle() 等。具体用法可以查看 MDN Web文档。