DOM 트리, DOM 노드

(2019-11-11)
1. DOM 트리웹페이지 내의 모든 것을, 노드들로 이루어진 트리 구조로써 바라다 봄


2. DOM 노드

  ㅇ (DOM 트리를 구성하는 객체 하나하나를 노드(Node) 라고 함)
     - 루트 노드는, document 노드이고,
     - 이것의 자식 노드는, html 노드 뿐이며,
     - html 노드 밑에 다수의 노드들이, 전형적인 트리 구조를 구성함 


3. DOM 노드의 특징 

  ㅇ (루트 노드를 제외하고, 모든 노드에는, 다음과 같은 특징들이 있음)
     - 부모 노드가 있고, 자식 노드는 없어도 됨
        . (부모) parentNode : 자신의 직계 부모 노드를 가리킴
           .. 한편, document 노드null 로써 간주됨
        . (자식) childNodes : 모든 직계 자식 노드들을 가리키는 유사 배열 객체
        . (형제) previousSibling, nextSibling : 직전,직후 형제 노드를 가리킴
     - 타입 : nodeType (정수 값/ 타입 번호) 프로퍼티가 있음
        . 노드 타입으로는, 요소,텍스트,속성,주석,문서 등이 있음
        . 例 : 1 (요소 노드), 2 (속성 노드), 3 (텍스트 노드), 8 (주석 노드) 등
     - 이름 : nodeName (대문자 이름) 프로퍼티가 있음
        . 例 : FORM (form 요소), HEAD (head 요소), A (a 요소) 등
 
  ㅇ 결국, 웹페이지 내 모든 것들을 노드로써 바라다 봄


4. DOM 노드의 종류

    

  ㅇ 주요 종류들의 구분
     - 문서 노드 (9) : HTMLDocument 요소 
        . 전체 문서를 가리키는 Document 객체 
        . 즉, 문서 그 자체를 가리키는 루트 노드 ("document."로 참조 가능)
     - 요소 노드 (1) : HTML*Element 요소
        . HTMLFormElement, HTMLLIElement 등 (구체화된 태그 요소)
        . 즉, HTML 태그 당 하나의 객체
     - 속성 노드 (2) : 속성, 스타일, 텍스트를 표현하는 객체
        . attribute, style, runtimeStyle, currentStyle, rule, textNode, textRange, 
          textRectangular 등

  ※ ☞ DOM 모델 상의 노드(nodeType) 유형 (실제 실행 : 현재 수행중인 웹브라우저 내에서 실행)


[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.   기술경영

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