노드트리란 ?
HTML의 문서의 정보는 노드트리라는 계층적 구조에 저장이 되는데
이러한 노드트리는 (node tree) 노드들의 집합이고, 노드간의 관계를 보여준다.
노드 트리는 최상위 레벨인 루트 노드(root node)로부터 시작하여,
가장 낮은 레벨인 텍스트 노드까지 뻗어 내려간다.
자바스크립트에서는 HTML DOM을 이용하여
노드 트리에 포함된 모든 노드에 접근할 수 있다.
html은 크게 head와 body의 요소 노드가 있다.
노드 트리의 가장 상위에는 단 하나의 루트 노드(root node)가 존재한다.
루트 노드를 제외한 모든 노드는 단 하나의 부모 노드(parent node)만을 가지는데.
모든 요소 노드는 자식 노드(child node)를 가질 수 있다.
형제 노드(sibling node)란 같은 부모 노드를 가지는 모든 노드를 가리킨다.
조상 노드(ancestor node)란 부모 노드를 포함해 계층적으로 현재 노드보다 상위에 존재하는 모든 노드를
자손 노드(descendant node)란 자식 노드를 포함해 계층적으로 현재 노드보다 하위에 존재하는 모든 노드를 가리킨다.