DOM(Document Object Model)이란?

DOM(Document Object Model) 문서 객체 모델 이란?

한글자씩 알아보자

D는 Document

문서 객체 모델은 문서가 없으면 움직이지 않는다.

웹 문서를 만들어 웹 브라우저에 띄우는 순간 DOM이 살아 움직이기 시작한다.

작성된 문서가 객체로 변경되기 때문이다.

O는 Object

자바스크립트에는 세가지 종류의 객체가 있다.

1. 사용자 정의 객체

2. array,math,date와 같이 자바스크립트에서 이미 만들어진 객체

3. 웹 브라우저가 제공하는 주요객체

M은 Model

DOM에서 사용하는 가장 중요한 규칙은 문서를 나뭇가지(tree)형 구조로 표시하는 것이다.

이러한 구조도는 (X)HTML에서 문서를 가장 잘 표현하는 방법이다.

즉 문서를 트리 형태의 객체로 표현하는 모델을 DOM이라 부르는 것이다.