

우리가 짠 HTML 이 서버에 저장되고 사용자가 서버에 HTML 파일을 요청하게 되면
브라우저가 그 파일에 대한 바이트스트림을 받아 토큰화, 노드화 과정을 거친 후에 DOM 문서로 만들게 됩니다.
HTML을 DOM 문서로 만든 이유는 문서의 요소에 접근하기 위해 만든것입니다.
DOM 은 프로그래밍 언어는 아니지만 DOM 이 없다면 JavaScript 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 됩니다. 문서의 모든 element - 전체 문서, 헤드, 문서 안의 table, table header, table cell 안의 text - 는 문서를 위한 document object model 의 한 부분입니다. 때문에, 이러한 요소들을 DOM 과 JavaScript와 같은 스크립팅 언어를 통해 접근하고 조작할 수 있는 것입다.
초창기에는 javaScript와 DOM이 밀접하게 연결되어 있었지만 나중에는 각각 분리되어서 발전해왔습니다. 페이지 컨텐츠는 DOM 에 저장되고 JavaScript를 통해 접근하거나 조작할 수 있습니다.
DOM 을 사용하기 위해 특별히 해야할 일은 없고 각각의 브라우저가 구현한 자신들만의 DOM을 구현했기 때문에 스크립트를 작성할 때 ( <script> 이런거 쓰는거.) 자식요소들에접근하기 위해 document 또는 window 요소들을 위한 API를 즉시 사용할 수 있습니다.
Document 와 window objects 는 DOM 프로그래밍에서 가장 자주 사용하는 객체입니다. 간단하게 설명하자면, window 객체 는 브라우저와 같다고 할 수 있으며, document 객체는 root document 자체라고 할 수 있습니다.