如何在 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 次瀏覽

啟動你的 職業

完成課程獲取認證

開始