W3C DOM(Document Object Model)은 자바스크립트를 통해 HTML 문서의 구조와 내용에 접근하고 조작할 수 있도록 표준화된 인터페이스를 제공합니다. 그중에서도 document 객체가 가진 속성들을 활용하면 문서의 핵심 요소들에 손쉽게 접근할 수 있습니다.
W3C DOM으로 접근 가능한 주요 문서 속성
아래 표는 W3C DOM을 사용하여 액세스할 수 있는 대표적인 문서(document) 속성과 각각의 설명입니다.
| 번호 | 속성 및 설명 |
|---|---|
| 1 | body 문서의 <body> 태그를 나타내는 Element 객체에 대한 참조입니다. 예시: document.body |
| 2 | defaultView 읽기 전용(read-only) 속성으로, 현재 문서가 표시되고 있는 창(window) 객체를 나타냅니다. 예시: document.defaultView |
| 3 | documentElement 문서의 최상위 요소인 <html> 태그에 대한 읽기 전용 참조입니다. 예시: document.documentElement |
| 4 | implementation 읽기 전용 속성으로, 현재 문서를 생성한 구현체를 나타내는 DOMImplementation 객체를 반환합니다. 예시: document.implementation |
활용 예제
다음은 위 속성들을 실제로 사용하는 간단한 예제입니다.
// body 요소 접근하기
const bodyEl = document.body;
console.log(bodyEl.tagName); // "BODY"
// 문서가 표시된 창 객체 확인하기
const win = document.defaultView;
console.log(win === window); // true
// html 루트 요소 접근하기
const root = document.documentElement;
console.log(root.tagName); // "HTML"
// DOM 구현체 정보 확인하기
console.log(typeof document.implementation); // "object"정리
document.body, document.defaultView, document.documentElement, document.implementation은 W3C DOM 표준에서 기본적으로 제공하는 문서 속성입니다. 이러한 속성들을 잘 활용하면 문서의 구조적 요소나 실행 환경에 대한 정보를 손쉽게 얻을 수 있으며, 동적인 웹 페이지 개발의 기반이 됩니다.