DOM Property DOM 프로퍼티

1. DOM 노드 특징

  ㅇ DOM API는 웹페이지 문서 내의 모든 것을 노드 객체로 바라다 봄


2. DOM 노드(Node) 정보 프로퍼티

  ㅇ 노드 정보 프로퍼티 (node information property) 
     - nodeName, nodeValue, nodeType, childNodes

  ㅇ 노드 종류 : 총 12 가지
     - element(요소 노드), attribute(속성 노드), text(텍스트 노드), comment(주석 노드),
       document(문서 노드) 등

  ㅇ 노드 종류 프로퍼티 (nodeType) 
     - element 1, attribute 2, text 3, comment 8, document 9 등
        . text node : 자식노드가 없으나 그 안에 글을 읽을 수 있는 프로퍼티가 있음

  ㅇ 노드 이름 프로퍼티 (nodeName) : element 노드의 대문자 태그명 (例: BODY,HEAD 등)

  ㅇ 자식 노드 리스트 푸로퍼티 (childNodes) : NodeList라는 항상 현재를 반영하는 살아있는
                                              자식 노드 정보 리스트


3. DOM 노드(Node) 관계 프로퍼티

  ㅇ 노드 간에는 서로 계층 관계를 이룸
     - 부모-자식 관계를 이루며 모든 노드가 문서 트리를 구성하게 됨 

  ㅇ 노드 관계 프로퍼티 : parentNode, childNode, firstChild, lastChild,
                          nextSibling, previousSibling

  ㅇ 노드 찾기/이동을 위한 5가지 프로퍼티  
     - 노드 관계 : parentNode, firstChild, lastChild, previousSibling, nextSibling
     - 노드 리스트 : childNodes[], children[]


4. DOM 노드(Node) 기타 프로퍼티

  ㅇ innerHTML(비표준)