setAttribute vs ClassList

출처:classList MDN

SetAttribute ("class")

• 모든 클래스가 선언한 스트링으로 덮어 씌워진다.
• 인라인으로 HTML에 속성을 추가해 스타일을 적용하는 것이기 때문에, 우선적으로 적용하게 되므로 잘 사용하지 않는다.

ClassList.add

• SetAttribute대신 사용하는 것을 추천한다.
• 클래스를 추가하고 css에해당 클래스의 속성을 등록하는 방식이다.
• 즉, 요소에 클래스를 추가/변경/제거 하는 식으로 동적으로 다루는 방식이다.
• 각각의 클래스만 넣고 뺄 수 있다.