[JavaScript] class 조작하기

먼저 HTML에 div를 하나 만들고 class에 'a'를 설정한다. 그리고 자바스크립트로 div의 클래스들을 가져온다.

div의 class에 'a'가 포함되어있는지 확인 결과 true가 출력되었다.

 

 

 

 

div의 class에 b와 c를 추가하고 a를 삭제하였다. 만약 add로 중복되는 값을 넣었다면, 더이상 추가되지 않는다.

 

 

 

 

toggle : 값이 있으면 삭제를하고, 없으면 추가를 한다. d와 c를 넣었더니, 이미 값이 있는 c는 삭제되고 값이 없는 d는 추가되었다. 자바스크립트에서 유용하게 많이 사용된다.