HTML এবং JavaScript-এ classList দিয়ে একসাথে একাধিক ক্লাস অ্যাড/রিমুভ করার পদ্ধতি

classList API ওভারভিউ

element.classList একটি DOMTokenList রিটার্ন করে যেটিতে add(), remove(), toggle(), contains() মেথড থাকে। এটি ডুপ্লিকেট ক্লাস রোধ করে।

নেটিভ বাল্ক অ্যাড/রিমুভ (মডার্ন ব্রাউজার: Chrome 61+, Firefox 55+, Edge 16+)

// DOMTokenList-এ addMany/removeMany যোগ করা
DOMTokenList.prototype.addMany = function(classes) {
  var arr = classes.split(' ');
  for (var i = 0; i < arr.length; i++) {
    this.add(arr[i]);
  }
};

DOMTokenList.prototype.removeMany = function(classes) {
  var arr = classes.split(' ');
  for (var i = 0; i < arr.length; i++) {
    this.remove(arr[i]);
  }
};

// ব্যবহার
element.classList.addMany('foo bar baz');
element.classList.removeMany('foo bar');

ES6 স্প্রেড অপারেটর (অ্যারের সাথে)