반응형
** 태그에 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 (mozilla.org)
Element.classList - Web API | MDN
Element.classList 는 엘리먼트의 클래스 속성의 컬렉션인 활성 DOMTokenList (en-US)를 반환하는 읽기 전용 프로퍼티이다.
developer.mozilla.org
반응형
