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

javascript html

2022-08-30 00:20:08

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

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

虽然这在jQuery中是可行的，但就像这样

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

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

答案 1

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

相等

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

答案 2

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

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

推荐