[JS] className, classList

className 속성

무언가를 대입하면 클래스 문자열 전체가 바뀐다.

---

classList 메서드

• add: class 추가
• remove: class 제거
• toggle: class가 존재할 경우 class를 제거하고, 그렇지 않으면 추가
• contains: class 존재 여부에 따라 true / fasle를 반환

*메서드의 값은 "문자열"이다. 

* node.contains와 classList.contains는 다르다.

---

예제

<div id='div'></div>

div.className = 'test';

//className은 개별로 수정이 안됨.
div.className = 'page menu';

div.classList.add('add');
div.classList.remove('add');
div.classList.toggle('toggle');
div.classList.contains('toggle'); //true 또는 false 반환

---

[공부 좌표]

DOMTokenList.contains()

className과 classList

이벤트 위임

Element.classList