DOM 요소 컬렉션

(2020-05-26)

HTMLCollection, NodeList, classList

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


2. HTMLCollection

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

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


3. NodeList                          ☞ MDN NodeList 참조

  ㅇ 항상 현재를 반영하는, 살아있는 자식 노드 컬렉션
     - childNodes 같은 속성, querySelectorAll와 같은 메소드에 의해 반환되는 노드들의 컬렉션


4. classList 프로퍼티MDN 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 요소 컬렉션
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   방송/멀티미디어/정보이론
  5.   전기전자공학
  6.   통신/네트워킹
  7.   정보기술(IT)
        1. 정보기술
    1.   전산기초
    2.   컴퓨터구조
    3.   프로그래밍
          1. 프로그램, 프로그래밍
      1.   프로그래밍 언어론
      2.   프로그래밍 방법론
      3.   객체지향 프로그래밍
      4.   자료표현코드
      5.   자료구조
      6.   알고리즘
      7.   시스템 소프트웨어
      8.   프로그래밍언어 종류
            1. 프로그래밍 언어
        1.   C
        2.   C++
        3.   자바(Java)
        4.   자바스크립트
              1. JavaScript
              2. JS 기초 문법
          1.   JS 변수,타입,논리식
          2.   JS 구문,연산자
          3.   JS 함수
          4.   JS 객체
          5.   JS 배열/Map/Set
          6.   JS 활용
          7.   JS 웹문서 제어
                1. 웹문서 내 JS
                2. 동일 출처 정책
            1.   JS Window 객체
            2.   JS DOM 제어
              1.   1. DOM 트리 모델
                  2. DOM 트리,노드
                  3. DOM 메소드
                  4. DOM 프로퍼티
                  5. DOM 노드 접근
                  6. DOM 요소 컬렉션
            3.   JS 이벤트
            4.   Ajax
            5.   jQuery
        5.   PHP
        6.   파이썬
        7.   (기타 언어)
      9.   프로그래밍 기타일반
    4.   데이터베이스
    5.   소프트웨어 공학
    6.   운영체제
    7.   정보보호/보안
    8.   IT 기타기술
  8.   공학일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

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