[Javascript] Element.classList 속성, 자바스크립트로 클래스 추가/제거 하기

Element.classList 속성

다양한 메서드를 통해 클래스를 간편하게 제어할 수 있다 !

classList 자체는 읽기 전용 속성이지만 add() 와 remove() 메서드를 이용해 변형할 수 있다 !

 

1. add()

classList.add('클래스명') : 클래스 하나 추가

classList.add('클래스명a', '클래스명b', '클래스명c',) : 클래스 여러개 추가

2. remove()

classList.remove('클래스명') : 클래스 하나 제거

classList.remove('클래스명a', '클래스명b', '클래스명c',) : 클래스 여러개 제거