DOM트리

강인호·2022년 12월 6일
0

개인저장

목록 보기
72/87

참고링크

웹 페이지에서는 모든 요소를 Document 객체가 관리한다.

(document.@@ 를 통해서 HTML 요소에 접근 할 수 있던것도 이것때문)

Document 객체는 트리의 자료구조로 HTML문서를 관리한다.

(이런 구조)

노드

트리를 구성하는 객체의 단위를 노드라고 한다.

노드는 문서 노드, 객체 노드, 텍스트 노드로 구분된다.

문서 노드

맨 위 보라색 객체에 해당하는 노드이다.

최상위 계층 이면서 문서 전체를 가리키는 document 객체이다.

객체 노드

파란색에 해당하는 노드들이다.

속성노드와 객체노드를 자식으로 가질 수 있다.

텍스트 노드

자식을 가질 수 없는 노드이다. 초록색의 도형.

(객체와 텍스트는 자식을 가질 수 있는지에 유무에 따라서 분류되는 것 같다. 태그안에 태그는 들어가지만 텍스트 안에

태그는 들어가지 않는 점을 생각했다)

동일한 부모를 가진 노드를 형제노드라고 한다.

부모노드 보다 위에 있는 노드를 조상노드라고 하고 더이상 부모가 없는 노드를 뿌리노드라고 한다.

0개의 댓글