有没有办法用classlist在一个指令中添加/删除多个类？

Question

到目前为止我必须这样做：

elem.classList.add("first");
elem.classList.add("second");
elem.classList.add("third");

这在jQuery中是可行的，如下所示

$(elem).addClass("first second third");

我想知道是否有任何本地方法添加或删除。

Answer 1

新的spread运算符使得将多个CSS类应用为数组更加容易：

const list = ['first', 'second', 'third'];
element.classList.add(...list);

Answer 2

elem.classList.add("first");
elem.classList.add("second");
elem.classList.add("third");

等于

elem.classList.add("first","second","third");