[용어 - (9) ] DOM(The Document Object Model)이란?

  문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는 것이라 할 수 있다.

 

 

웹페이지가 로딩될 때 브라우저는 위와 같은 HTML DOM(Document Object Model)을 내부적으로 생성하게 되고 HTML DOM은 위와 같은 Objects(객체들)의 tree 로 만들어지게 된다. Javascript 는 위와 같이 생성된 HTML DOM을 참조하여 html 요소를 추가하거나 삭제하고 스타일을 변경할 수 있는 역할을 수행한다.