DOM Property   DOM 프로퍼티

(2018-10-10)
1. DOM 노드 특징DOM API웹페이지 문서 내의 모든 것을 노드 객체로 바라다 봄


2. DOM 노드(Node) 정보 프로퍼티노드 정보 프로퍼티 (node information property) : 노드 자신에 대한 정보
     - nodeType, nodeName, childNodes, nodeValue

  ㅇ 노드 종류 프로퍼티 (nodeType) : 총 12 가지
     - element (요소 노드, Node.ELEMENT_NODE) 1
        . 주로 html 요소들을 지칭 함
     - attribute (속성 노드) 2
     - text (텍스트 노드, Node.TEXT_NODE) 3
        . 텍스트를 가리킴
        . 자식노드는 없으나, 그 안에 글을 읽을 수 있는 프로퍼티가 있음
     - comment (주석 노드) 8
     - document (문서 노드) 9 
        . 전체 문서를 가리키는 Document 객체

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

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


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

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

  ㅇ 노드 관계 프로퍼티
     - 노드 트리 구조를 나타냄 : parentNode, childNodes

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


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

  ㅇ 요소 내 html   : innerHTML
  ㅇ 요소 내 텍스트 : textContent, innerText


[DOM,BOM] 1. DOM 2. DOM 프로퍼티 3. DOM 메소드 4. BOM

 
        최근수정     요약목록(시험중)     참고문헌