DOM 요소 컬렉션

(2020-01-07)

HTMLCollection, NodeList, classList

1. DOM 요소 컬렉션유사 배열 객체 형태로, 그 결과 내용이 실시간적으로 DOM 트리를 반영함
     - 종류 : HTMLCollection, NodeList, classList


2. HTMLCollection

  ㅇ 항상 현재를 반영하는, 여러 HTML 구성 요소들을 담고있는 컬렉션 자료 형식

  ㅇ 주요 멤버
     - length : 담고있는 요소 수
     - item(i) : i번째 요소
     - namedItem(name 또는 id) : 주어진 id 또는 name 속성 이름이 같은 요소


3. NodeList

  ㅇ 항상 현재를 반영하는, 살아있는 자식 노드 컬렉션


4. classList 프로퍼티

  ㅇ 항상 현재를 반영하는, class 이름 관리를 위한 컬렉션 유형

  ㅇ 이를통해, DOMTokenList 인터페이스 형태로, class 속성값(공백 구분된 문자열)들을 취득 가능

     * DOMTokenList 인터페이스는,    ☞ MDN DOMTokenList 참조
        . 공백으로 구분 된 문자열로 표현된 정렬된 문자열 토큰 집합을 말함
        . 주요 멤버
           .. length : 토큰 수
           .. item(i) : i번째 토큰을 취득
           .. contains(문자열) : 지정한 문자열(토큰들)을 포함하고 있는가 여부
           .. add(문자열) : 지정한 문자열(토큰들) 추가
           .. remove(문자열) : 지정한 문자열(토큰들) 제거
           .. toggle(문자열) : 지정한 문자열(토큰들)을 없으면 추가 또는 있으면 제거


[JS DOM 제어] 1. DOM 트리 모델 2. DOM 트리,노드 3. DOM 메소드 4. DOM 프로퍼티 5. DOM 노드 접근 6. DOM 요소 컬렉션

 
        최근수정     요약목록     참고문헌