从数组 JavaScript 中添加多个类

在 JavaScript 中，我们经常需要向元素添加类或从元素删除类。在某些情况下，我们需要向元素添加多个类，这时候就需要使用一个数组来添加多个类了。

添加单个类

在 JavaScript 中，可以使用 classList 属性来向元素添加类。如下所示：

const element = document.querySelector('#my-element');
element.classList.add('my-class');

这将向具有 ID 为 my-element 的元素添加名为 my-class 的类。

添加多个类

要向元素添加多个类，需要将这些类名存储在一个数组中，并使用 spread 操作符来将它们添加到元素的 classList 中。如下所示：

const element = document.querySelector('#my-element');
const classesToAdd = ['class-1', 'class-2', 'class-3'];
element.classList.add(...classesToAdd);

这将向具有 ID 为 my-element 的元素添加名为 class-1、class-2 和 class-3 的类。

完整代码示例

下面是一个使用数组向元素添加多个类的完整示例：

const element = document.querySelector('#my-element');
const classesToAdd = ['class-1', 'class-2', 'class-3'];
element.classList.add(...classesToAdd);

总结

使用数组向元素添加多个类是一种快速、简单和可读性好的方法。在需要向多个元素添加相同类时，特别有用。