Element.classList ★★★

🔍Element.classLis

classList 속성은 DOMTokenList 개체로, 요소의 클래스 이름을 반환합니다.

이 속성은 추가, 제거 및 CSS 클래스를 전환 할 요소에 사용됩니다.

---

classList의 메소드

 

📌add(String)

지정한 클래스 값을 추가한다

만약 추가하려는 클래스가 이미 존재한다면 무시된다

 

 

 

 

📌renove(String)

지정된 클래스 값을 제거한다

존재하지 않는 클래스라면 에러발생

 

 

 

 

 

📌contains(String)

지정한 클래스 값이 존재하는지 확인한다

true, false 값을 반환한다

 

 

📌item(Number)

인덱스 값을 활용하여 클래스값을 반환한다

 

---

classList - toggle

클래스의 유무를 체크해서 없으면 add, 있으면 remove를 자동으로 시켜준다.

클래스 값을 켜고 끔.