본문 바로가기
개발

DOM이란

by _Jun 2022. 3. 1.

DOM이란

Document Object Model(문서 객체 모델, DOM)은 HTML, XML 문서의 프로그래밍 interface이다. 웹페이지는 일종의 문서(document)이고, 우리는 DOM을 통해서 프로그래밍 언어와 웹 페이지의 문서 구조를 연결할 수 있다. DOM은 웹 페이지의 구조화된 표현(structured representation)을 제공하는데, 여기에는 요소(element)들을 나타내는 노드, 노드의 프로퍼티, 노드를 조작할 수 있는 메서드가 포함된다. 

 

DOM tree

DOM이 제공하는 웹페이지의 구조화된 표현을 DOM tree라고 한다. DOM tree는 계층적 트리 구조로 표현되며, 브라우저가 불러온 웹 페이지를 의미하는 Document interface가 DOM tree의 시작점이 된다. DOM tree를 구성하는 Node들에는 nodeTyope, nodeName, 자식/형제 노드와의 관계 등 여러 정보와, 노드를 조작할 수 있는 메서드가 담겨있다.

 

 

 

 

 

 

https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model

https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction

'개발' 카테고리의 다른 글

[CS50] - C  (0) 2022.04.08
ASCII code와 Unicode  (0) 2022.04.05
[JS] 데이터 타입(Data type) - 복사, 불변성과 가변성  (0) 2022.01.12
[JS] 메모리와 데이터  (0) 2022.01.10
[JS] Event Delegation(이벤트 위임)  (0) 2022.01.06

댓글