문서 객체 모델 (DOM)

문서 객체 모델(DOM)은 스크립트나 프로그래밍 언어를 웹 페이지에 연결합니다. 이는 보통 JavaScript를 의미하며, HTML, SVG, 또는 XML 객체를 문서로 모델링하는 것은 JavaScript 언어의 부분이 아닙니다. DOM 모델은 문서를 논리 트리로 표현합니다. 트리의 각 브런치는 하나의 노드로 끝나며, 각 노드는 객체를 갖습니다. DOM 메소드는 트리에 프로그래밍적으로 접근할 수 있도록 허용합니다. 이를 통해 문서의 구조, 스타일 또는 컨텐츠를 변경할 수 있습니다. 이벤트가 발생하면, 이벤트 핸들러가 실행됩니다.

DOM 소개를 이용할 수 있습니다.

DOM 인터페이스

폐기된 DOM 인터페이스

DOM은 매우 간단해졌습니다. 이를 위해, 다른 DOM 레벨 3 또는 그 이전 스펙에 있던 다음 인터페이스들은 제거되었습니다. 일부가 재도입될 수 있을지 아직 매우 분명치 않지만, 당분간 그들은 쓰이지 않는 것으로 간주하고 피해야 합니다:

HTML DOM

문서는 다양한 HTML 관련 기능들을 포함하는 HTML 명세에 의해 확장된 Document 을 사용해 설명된 HTML 을 포함합니다.

HTML 객체는 또한 Window 인터페이스, 이에 관련된 Style(보통 CSS), 컨텍스트에 관련된 브라우저의 히스토리인 History 를 사용해 페이지가 그려지는 탭이나 창과 같은 브라우저의 다양한 기능들에 접근할 수 있게 해줍니다. 마지막에는, 문서의 Selection 이 완료됩니다.

자세한 내용은 HTML DOM API 문서를 참고하세요.

SVG 인터페이스

SVG 요소 인터페이스

SVG 데이터 타입 인터페이스

다음은 SVG 프로퍼티와 어트리뷰트 정의에 쓰이는 데이터 타입을 위한 DOM API입니다.

정적 타입

움직이는(animated) 형

SMIL 관련 인터페이스

기타 SVG 인터페이스

명세

같이 보기

• DOM 예제
• CSS 객체 모델 (CSSOM)