DOM

# DOM (Document Object Model)

문서(Document)란 HTML이나 XML문서과 같이 부분적 요소나 내용이 관련된 것들끼리 묶여서 존재하는 구조화된 것

이렇게 구조화된 문서에 접근할 때에 구조적으로 표현하는 방식을 제공하는 것이 DOM이다 

W3C의 표준이며 3가지로 나뉜다.

• Core DOM - 모든 문서 타입을 위한 표준 모델
• XML DOM - XML 문서를 위한 표준 모델
• HTML DOM - HTML 문서를 위한 표준 모델

 

웹페이지가 로드될 때 브라우저는 이 페이지의 DOM을 생성하며, 생성된 DOM은 아래와 같은 계층형 트리 구조. 

계층형 구조이기 때문에 각 노드에는 부모와 자식이 존재한다.

Element가 같은 동등한 위치면 형제(Sibling)이며, 자신보다 상위 계층이면 부모이며 자신의 하위 계층은 자식이 된다.

각 Element는 Attribute를 가질 수도 있다.

 

DOM은 이 Element를 트리에 추가하거나 삭제 변경을 가능하게 한다. 그리고 프로그래머가 DOM을 이용하게 되면

웹페이지를 동적으로 변경할 수 있게 된다.