DOM은 프로그래밍 언어는 아니지만 DOM이 없다면 자바스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 됩니다. 문서의 모든 element - 전체 문서, 헤드, 문서 안의 table, table header, table cell 안의 text -는 문서를 위한 document object model의 한 부분입니다. 때문에, 이러한 요소들을 DOM과 자바스크립트와 같은 스크립팅 언어를 통해 접근하고 조작할 수 있는 것입니다.
초창기에는 자바스크립트와 DOM이 밀접하게 연결되어 있었지만, 나중에는 각각 분리되어 발전해왔습니다. 페이지 콘텐츠(the page content)는 DOM에 저장되고, 자바스크립트를 통해 접근하거나 조작할 수 있습니다. 이것을 방정식으로 표현하면 아래와 같습니다.
API (web or XML page) = DOM + JS (scripting langauge)
DOM은 프로그래밍 언어와 독립적으로 디자인되었습니다. 때문에 문서의 구조적인 표현은 단일 API를 통해 이용가능합니다. DOM의 구현은 어떠한 언어에서도 가능합니다.
DOM을 사용하기 위해 특별히 해야하는 일은 없습니다. 각각의 브라우저는 자신만의 방법으로 DOM을 구현했으며, 모든 웹 브라우저는 스크립트가 접근할 수 있는 웹 페이지를 만들기 위해 어느 정도의 DOM을 항상 사용합니다.
출처 : mdn https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction
DOM 소개 - Web API | MDN
이 문서는 DOM에 대한 개념을 간략하게 소개하는 문서이다: DOM 이 무엇이며, 그것이 어떻게 HTML, XML (en-US) 문서들을 위한 구조를 제공하는지, 어떻게 DOM 에 접근하는지, API 가 어떻게 사용되는지에
developer.mozilla.org
'DOM > 기초' 카테고리의 다른 글
| 같은 엘리먼트를 appendChild 하면, 기존 엘리먼트를 복사할까? (0) | 2021.06.29 |
|---|---|
| DOM - 차이점 비교 (0) | 2021.06.29 |
| createDocumentFragment (0) | 2021.06.29 |
| 이벤트 (Events) (0) | 2021.06.16 |
| DOM(Document Object Model) (0) | 2021.06.02 |