자바스크립트 javascript 6 .DOM요소 클래스 제어하기

​

element.classList.메쏘드()

​

1. add() 클래스 생성

element.classList.add('on') on을 생성

​

2. remove() 클래스 삭제

element.classList.remove('on') on을 삭제

​

3. contains() 클래스 유무 체크( true, false)

element.classList.contains('on')

on이 있으면 true, 없으면 false ==> if문과 함께 사용

​

4. toggle() 클래스가 있으면 삭제 없으면 생성

element.classList.toggle('on')

on이 있으면 삭제, 없으면 생성