DOM이란 무엇인가?

DOM이란 무엇인가?

문서 객체 모델(Document Object Model, DOM)은 HTML과 XML 문서에 대한 프로그래밍 인터페이스입니다. 문서에 대한 구조적 정보를 제공하고 문서 구조나 외양 및 내용을 바꿀 수 있도록 프로그램에서 접근할 수 있는 방법을 제공합니다. DOM은 프로퍼티와 메소드를 가지는 객체와 노드의 트리형 구조로 표현됩니다. 웹 페이지를 스크립트나 다른 개발 언어로 접근할 때 필수 적입니다.

웹 페이지는 문서 입니다. 문서는 웹 브라우저창에 표시되거나 HTML 소스 창에 표시됩니다. 둘다 같은 문서 입니다만 문서 객체 모델(DOM)은 이 문서를 다루고 저장하기 위해 다른 방법을 사용합니다. DOM은 웹 문서를 객체 지향적으로 다룹니다. 그래서 JavaScript 같은 스크립트 언어가 다루기 쉽습니다.

W3C DOM은 현대 웹 브라우저에서 DOM을 해석하는 표준 형식입니다. 많은 웹 브라우저들은 W3C 표준에 확장 기능을 제공하고 있지만, 이 표준 방식을 따르면 웹 브라우저에서 문서를 접근할 때 다 같은 결과를 얻어 낼 수 있습니다.

예를 들어 W3C DOM은 getElementsByTagName은 아래와 같이 문서 내에 모든 <P>요소의 내용을 가지고 오게 됩니다.

paragraphs = document.getElementsByTagName("P");
// paragraphs[0] is the first <p> element
// paragraphs[1] is the second <p> element, etc.
alert(paragraphs[0].nodeName);

웹 문서의 모든 프로퍼티, 메소드, 이벤트은 객체로 정의할 수 있습니다. (예를 들어, document객체는 문서 자체를 table 객체는 특정 HTMLTableElement DOM 인터페이스를 표시합니다.) 이 문서는 Gecko 기반 브라우저에 구현된 DOM을 객체 방법으로 이용할 수 있는 방법을 제공합니다.