노드(Node) 와노드트리

HTML DOM에서 정보를 저장하는 계층적 단위
노드트리는 노드들의 집합으로, 노드 간의 관계를 나타낸다.
자바스크립트에서는HTML DOM을 이용하여 노드트리에 포함된 모든노드에 접근 할수있다.

노드간의관계

노드트리의모든노드는서로계층적관계를맺고있습니다

출처: 노드간 관계

노드의종류

문서노드(document node): HTML 문서전체를나타내는노드
요소노드(element node):모든HTML 요소는요소노드로,속성노드를가질수있는유일한노드
주석노드(comment node): HTML 문서의모든주석은주석노드
속성노드(attribute node): 모든HTML 요소의속성은속성노드이며, 요소노드에관한정보를가진다.하지만해당요소노드의자식노드(child node)에는포함되지않는다.
텍스트노드(text node):HTML 문서의모든텍스트는텍스트노드

노드의값

노드에대한정보는다음과같은프로퍼티를통해접근할수있습니다nodeName (이름), nodeValue (값), nodeType (타입)

document.childNodes[0].nodeName;
document.getElementById("heading").firstChild.nodeValue;
document.getElementById("heading").firstChild.nodeType;