다음과 같이 아주 간단한 HTML 문서가 있습니다.
12/01/dom_basic.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document Object Model</title></head><body><h1>header</h1><a href="#">link</a></body></html>
웹 브라우저는 앞의 HTML 문서를 해석하는 과정에서 문서 객체 모델을 생성합니다. 이때 다음 그림처럼 DOM 트리 형태로 문서 구조를 변환합니다.
그림 12-2 DOM 트리