요소 class 클래스 이름 의 추가 및 삭제 classList

많은 사람들 이 element.className 방식 으로 요소 에 class 속성 을 추가 하거나 요 소 를 가 져 오 는 class 속성 을 알 고 있 을 것 이 라 고 믿 습 니 다.본 고 에서 소개 하고 자 하 는 HTML DOM classList 은 요소 에 class 속성 을 추가 하거나 제거 하거나 전환 하 는 데 도 사용 할 수 있다.
classList 의 기본 사용:
1. 문법:

element.classList

DOMToken List 클래스 의 배열 대상 을 되 돌려 줍 니 다.2. 속성: length 클래스 목록 에 있 는 클래스 의 수량 value 을 되 돌려 주 고 쉼표 로 세 가지 로 나 누 는 방법: add(class1, class2, ...) 요소 에 하나 이상 의 클래스 이름 을 추가 합 니 다. 이미 클래스 이름 이 존재 한다 면 remove(class1, class2, ...) 요소 중 하나 이상 의 클래스 이름 contains(class) 을 제거 하지 않 고 지정 한 클래스 이름 이 요소 에 존재 하 는 지 판단 합 니 다.존재 한다 면 true 로 돌아 갑 니 다.그렇지 않 으 면 false item(index) 에서 클래스 이름 이 요소 에 있 는 색인 값 을 되 돌려 줍 니 다. 이 값 은 0 부터 toggle(class, true|false) 두 번 째 매개 변수 가 존재 하고 false 라면 지정 한 클래스 이름 을 강제로 제거 합 니 다.두 번 째 인자 가 존재 하고 true 라면 지정 한 클래스 이름 을 강제로 추가 합 니 다.
호환성:
chrome
ie
firefox
safari
opera
8.0
10.0
3.6
5.1
11.5
참조: 초보 튜 토리 얼 HTML DOM classList 속성