자바스크립트 ClassList

 

선택자.classList.add("클래스명")

-> addClass처럼 calss값을 추가 할 수 있다.

 

선택자.classList.remove("클래스명")

-> class를 삭제할 수 있음

 

ex)

con_1.classList.remove('active');

->con_1의 active값을 삭제해준다.

 

 

선택자.classList.toggle("클래스명")

-> class를 추가 혹은 삭제할 때 사용(추가되어있는 경우에는 삭제, 삭제되어 있는 경우에는 추가)

-> add+remove를 동시사용 가능하다.

 

ex) 토글버튼

 

 

 

 

블로그참고

 

https://blog.naver.com/dpqmstnqlsdl/221910895991