你可以像下面这样做

Add

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

// OR

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

删除

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

// OR

elem.classList.remove(...["first","second","third"]);

参考

TLDR;

在上述直接的情况下，拆卸应该工作。但是在删除的情况下，应该在删除它们之前确保类存在

const classes = ["first","second","third"];
classes.forEach(c => {
  if (elem.classList.contains(c)) {
     element.classList.remove(c);
  }
})

你可以像下面这样做

Add

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

// OR

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

删除

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

// OR

elem.classList.remove(...["first","second","third"]);

参考

TLDR;

在上述直接的情况下，拆卸应该工作。但是在删除的情况下，应该在删除它们之前确保类存在

const classes = ["first","second","third"];
classes.forEach(c => {
  if (elem.classList.contains(c)) {
     element.classList.remove(c);
  }
})

一个非常简单，不花哨，但有效的解决方案，我不得不相信是非常跨浏览器的:

创建这个函数

函数removeAddClasses(班级名册,removeCollection addCollection) { for (var i=0;i< removeccollection .length;i++){ classList.remove (removeCollection[我]); ｝ for (var i=0;i<addCollection.length;i++){ classList.add (addCollection[我]); ｝ ｝

这样叫它: removeAddClasses (node.classList arrayToRemove arrayToAdd);

.．.其中arrayToRemove是要删除的类名数组: (“myClass1”、“myClass2”)等等

.．.and arrayToAdd是一个要添加的类名数组: (“myClass3”、“myClass4”)等等

在字符串中添加由空格分隔的多个类的更好方法是使用带有split的Spread_syntax:

element.classList.add(...classesStr.split(" "));

下面是一个针对ie10和ie11用户的工作，看起来非常简单。

var elem = document.getElementById（'elem'）; ['first'，'second'，'three'].forEach（item => elem.classList.add（item））; <div id=“elem”>Hello World！</div>

Or

var elem = document.getElementById（'elem'）， 类 = [“第一”、“第二”、“第三”]; classes.forEach（function（item） { elem.classList.add（item）; }); <div id=“elem”>Hello World！</div>

向元素中添加类

document.querySelector(elem).className+=' first second third';

更新:

删除一个类

document.querySelector(elem).className=document.querySelector(elem).className.split(class_to_be_removed).join(" ");