[JavaScript]_classList

classList은 element.className을 통해 element의 class 목록에 접근하던 방식을 대체할 수 있는 더 간편한 방법이다.

---

element.classList 자체는 읽기 전용 프로퍼티지만 메서드를 이용하여 변형할 수 있다.

형식 : element.classList.method

---

메서드

 

add( String [, String [, ...]] ) 

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

 

remove( String [, String [, ...]] )

: 지정한 클래스 값을 제거한다.

 

item( Number )

: 콜렉션의 인덱스를 이용하여 클래스 값을 반환한다.

 

toggle( String [, force] )

: 하나의 인수만 있을 때: 클래스 값을 토글링한다. 즉, 클래스가 존재한다면 제거하고 false를 반환하며, 존재하지 않으면 클래스를 추가하고 true를 반환한다.

 

contains( String )

: 지정한 클래스 값이 엘리먼트의 class 속성에 존재하는지 확인한다.

 

replace( oldClass, newClass )

: 존재하는 클래스를 새로운 클래스로 교체한다.