문서 객체 모델(DOM, Document Objects Model)
XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다.
이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다.
| 넓은 의미 | 웹 브라우저가 HTML 페이지를 인식하는 방식 |
| 좁은 의미 | Document 객체와 관련된 객체의 집합 |
-
DOM 안에는 우리가 정의한 요소들이 Tree 형태로 구성되어 있습니다. 이것을 이용하여 JS로 웹페이지를 제어할 수 있습니다.
-
HTML의
<head>,<body>그리고<body>의 안에 각각의 tag 들을요소(element)라고 부르고, JS에서는문서 객체라고 부릅니다. -
DOM을 이용하면 HTML 태그를 추가, 수정,삭제 등 할 수 있습니다.
DOM Tree
정리
-
브라우저가 HTML 파일을 읽을 때 브라우저가 이해할 수 있는, 메모리에 보관할 수 있는 object로 변환 합니다.
-
object로 변환 후, Tree 구조를 만듭니다. 이것이 DOM 입니다.
참고
현재 블로그 : https://choi-hyunho.com/