如何在 HTML 和 JavaScript 中用 classList 来添加/移除单个命令中的几个类？

classList 属性将元素的类名称作为 DOMTokenList 对象进行返回。classList 属性是只读的，不过你可以通过使用 add() 及 remove() 方法进行修改。

classList 属性确保不会不必要地将重复的类添加到该元素。为了保持此功能，如果你不喜欢长手写版本或 jQuery 版本的话，我建议向 DOMTokenList 添加 addMany 以及 removeMany。

然后就能像这样使用了——

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 次浏览

启动你的 职业

完成课程获取认证

开始