HTML DOM 요소

HTML DOM 노드 관계를 사용하여 노드 트리를 탐색할 수 있고, HTML DOM에 새 요소를 추가하거나 삭제할 수 있다. W3C HTML DOM 표준에 따르면 HTML 문서의 모든것이 노드이다.

 

1. 전체 문서가 문서 노드이다.

2. 모든 HTML 요소는 요소 노드이다. 

3. HTML 요소 안의 텍스트는 텍스트 노드이다. 

4. 모든 HTML 속성은 속성노드이다.

5. 모든 주석은 주석 노드이다. 

 

DOM노드

HTML 문서가 웹브라우저에 로드되면 웹페이지는 문서 객체가 된다. document 객체는 HTML 문서의 루트 노드이다. document 객체는 자바스크립트 내에서 모든 노드 객체에 접근하기 위한 속성 및 메서드를 제공한다. 

1. 노드 트리에서 최상위 노드를 루트(루트 노드)라고 한다.

2. 모든 노드에는 루트(부모가 없을)을 제외하고 정확히 하나의 부모 노드가 있다.

3. 노드에는 여러 자식 노드가 있을 수 있다.

4. 형제 또는 자매 노드는 같은 부모 노드를 가진 노드들이다.