使用 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 次瀏覽

開啟你的 職業

透過完成課程獲取認證

開始