使用 HTML 和 JavaScript 中的 classList 是否有办法在一个指令中添加/移除多个类？

classList 属性会将元素的类名（作为 DOMTokenList 对象）返回。classList 属性是只读的，但你可以通过使用 add() 和 remove() 方法来修改它。

classList 属性可确保不会向元素中不必要地添加重复类。为了保持此功能，如果你不喜欢冗长版本或 jQuery 版本，我建议将 addMany 函数和 removeMany 添加到 DOMTokenList。

然后可以用如下方式使用它们 −

DOMTokenList.prototype.addMany = function(classes) {
   var arr = classes.split(' ');
   for (var j = 0, length = arr.length; j < length; j++) {
      this.add(array[j]);
   }
}

Samual Sam

更新于：2020 年 6 月 24 日

134 次浏览

开启你的 职业

通过完成课程获取认证

开始