[JS] 스타일과 클래스

요소에 스타일을 적용할수 있는 방법

1.  CSS에 클래스를 만들고, 요소에 <div class="...">처럼 클래스 추가하기
2.  <div style="...">처럼 프로퍼티를 style에 바로써주기

 

elem.className

클래스 속성값 전체를 바꾸고 싶을때

elem.classList

개별 클래스를 조작하고 싶을 때

 

elem.classList에는 add/remove/toggle가 구현되어 있다.

• elem.classList.add/remove("class") - class를 추가하거나 제거
• elem.classList.toggle("class") - class가 존재할 경우 class를 제거하고, 그렇지 않은 경우에는 추가
• elem.classList.contains("class") - class 존재 여부에 따라 true/false를 반환