[Web] javaScript - classList

🎈 classList

classLists를 이용하면 문자열 파싱 없이 class 속성에 값을 추가하거나 제거하기 쉽다.

🎈 classList 종류

classList.add(String)

• class의 속성 값을 추가
• 이미 추가 된 속성값이면 무시

classList.remove(String)

• class 속성 값을 제거
• 이미 제거되어 있다면 무시

classList.toggle(String)

• 특정 class 속성 값이 없다면 추가
• 특정 class 속성 값이 있다면 제거

classList.contains(String)

• 특정 class 명이 추가 되어있는지 확인
• true/false 리턴

classList.replace(old, new)

특정 class 속성 값을 새로운 속성 값으로 교체