DOM

HTML 요소들의 구조화된 표현, 즉 HTML 요소들을 객체화하여 표현한 것을 DOM(Document Object Model), 문서 객체 모델이라 할 수 있습니다.

DOM은 HTML이 브라우저의 렌더링 엔진에 의해 분석되고 분석이 모두 끝나고난 HTML 파일이 DOM 입니다.

*HTML은 화면에 보이고자 하는 모양과 구조를 문서로 만들어서 단순 텍스트로 구성되어있으며, DOM은 HTML 문서의 내용과 구조가 객체 모델로 변환되어 다양한 프로그램에서 사용될 수 있습니다.*

HTML 문서가 유효하지 않게 작성됐을때는 브라우저가 올바르게 교정해주며, DOM은 JavaScript에 의해 수정될 수 있습니다. 하지만 HTML은 수정되지 않습니다.

Node(노드)

Node 객체는 문서 트리에서 단일 노드를 나타냅니다. 노드는 요소 노드, 속성 노드, 텍스트 노드 또는 노드 유형 장에 설명 된 다른 노드 유형일 수 있습니다.

Node ← (Element, Document, Text, ...)

노드는 일반적으로 태그를 나타내는 데 사용됩니다.

3 가지 유형으로 구분 :

• 속성 참고 : 내부에 속성이있는 노드입니다.

  <p id=”123”></p>

• 텍스트 노드 : 시작과 끝 사이에 contian 텍스트 내용이있는 노드입니다.

  <p>Hello</p>

• 요소 노드(Element Node) : 내부에 다른 태그가있는 노드입니다.

  *<p><b></b></p>*

각 노드는 단일 유형일 필요는 없으며 동시에 유형일 수도 있습니다.

Element(요소)