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