[JS] 자바스크립트를 이용한 클래스 바꾸기(CSS)

** 태그에 css 클래스를 추가하는 방법

직접 교체하지 않고, ClassList 를 통해 처리한다.

ex) "amazing" 클래스 적용하기

h1.classList.contains("amazing") 클래스 적용했는지 보고

h1.classList.add("amazing") 적용하거나

h1.classList.remove("amazing") 빼는게 가능!

하지만 더 간단하게!!

h1.classList.toggle("amazing") 를 하면 토글이 된다...

Element.classList - Web API | MDN

Element.classList 는 엘리먼트의 클래스 속성의 컬렉션인 활성 DOMTokenList (en-US)를 반환하는 읽기 전용 프로퍼티이다.

developer.mozilla.org

Release Center