[JSInfo] 문서 객체 모델 소개 (DOM)

문서 객체 모델(DOM)

문서 객체 모델(Document Object Model)은 웹 페이지 내의 모든 콘텐츠를 객체로 나타내줍니다. 이 객체는 수정 가능합니다.

document 객체는 페이지의 기본 '진입점' 역할을 합니다. document 객체를 이용해 페이지 내 무엇이든 변경할 수 있고, 원하는 것을 만들 수 있습니다.

DOM은 브라우저만을 위한 모델이 아닙니다.

명세서에는 문서의 구조와 이를 조작할 수 있는 객체에 대한 설명이 담겨 있습니다. 하지만 브라우저가 아닌 곳에서도 DOM을 사용하는 경우가 있습니다.

HTML 페이지를 다운로드하고 이를 가공해주는 서버 사이드 스크립트에서 DOM을 사용합니다.

스타일링을 위한 CSSOM

CSS 규칙과 스타일 시트는 HTML과는 다른 구조를 띕니다. 따라서 CSS 규칙과 스타일 시트를 객체로 나타내고 이 객체를 어떻게 읽고 쓸 수 있을지에 대한 설명을 담은 별도의 명세서 CSS 객체 모델(CSS Object Model)이 존재합니다.