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

javascriptobject oriented programmingfront end technology

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]);
   }
}

相关文章