CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
노드 간 관계의 종류
노드 트리의 모든 노드는 트리(tree) 형태의 서로 계층적 관계를 맺고 있습니다.
트리의 모든 요소는 자신만의 텍스트나 속성을 가질 수 있습니다.
관계 종류 |
설명 |
루트 노드 (root node) |
· 노드 트리의 가장 상위에는 단 하나의 루트 노드(root node)가 존재합니다. |
부모 노드 (parent node) |
· 루트 노드를 제외한 모든 노드는 단 하나의 부모 노드(parent node)만을 가집니다. · 부모(parent) 요소는 여러 개의 자식(child) 요소를 가질 수 있습니다. |
자식 노드 (child node) |
· 모든 요소 노드는 자식 노드(child node)를 가질 수 있습니다. · 자식(child) 요소는 단 하나의 부모(parent) 요소만을 가집니다. |
형제 노드 (sibling node) |
· 같은 부모 노드를 가지는 모든 노드를 가리킵니다. · 형제(sibling) 요소는 같은 트리 레벨(tree level)에 존재하는 요소를 가리킵니다. · 즉, 형제 요소란 같은 부모(parent) 요소를 가지는 자식 요소 간의 관계를 나타냅니다. |
조상 노드 (ancestor node) |
· 부모 노드를 포함해 계층적으로 현재 노드보다 상위에 존재하는 모든 노드를 가리킵니다. · 부모 요소를 포함해 계층적으로 현재 요소보다 상위에 존재하는 모든 요소를 가리킵니다. |
자손 노드 (descendant node) |
· 자식 노드를 포함해 계층적으로 현재 노드보다 하위에 존재하는 모든 노드를 가리킵니다. · 자식 요소를 포함해 계층적으로 현재 요소보다 하위에 존재하는 모든 요소를 가리킵니다. |
DOM 구조도
http://codedragon.tistory.com/5667
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
객체 리터럴 방식으로 객체 생성하기 (0) | 2019.07.15 |
---|---|
switch 문 (0) | 2019.07.11 |
콜백함수(callback function) - 대표적인 콜백 함수 사용 예, 자바스크립트의 이벤트 처리와 콜백함수 호출 도식도 (0) | 2019.06.12 |
Array 객체의 메서드 , 원본 배열은 변경하지 않고 참조만 하는 메소드, 원본 배열을 반복적으로 참조하는 메소드 (0) | 2019.06.11 |
jQuery Mobile 라이브러리 설치 방법 (0) | 2019.06.04 |