문서객체모델(DOM - Document Object Model), 문서 객체 (DOM Object), DOM 구조도

 

문서객체모델(DOM - Document Object Model)

·       DOM은 사용자와 상호작용을 하는 구조적인 모델로 HTML 문서의 모든 요소에 접근하는 방법을 정의한 API입니다.

·       넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식, 좁은 의미로는 document 객체와 관련된 객체 집합을 의미합니다.

·       자바스크립트 코드에서는 동적인 HTML을 만들어내기 위해 DOM 객체에 접근해서 조작할 수 있습니다. 즉, DOM 사용시 HTML 페이지에 태그를 추가, 수정, 제거할 수 있습니다.

·       태그: HTML 페이지에 존재하는 html이나 body 태그와 같은 요소

·       DOM은 W3C의 표준 객체 모델이며, 계층 구조로 표현됩니다.

 

 

 

 

문서 객체 (DOM Object)

·       DOM 객체는 텍스트와 이미지, 하이퍼링크, 폼 엘리먼트 등의 각 문서 엘리먼트(요소; element)를 나타냅니다.

·       태그를 자바스크립트에서 이용할 수 있는 객체로 만든 것을 의미합니다.

·       HTML 트리 구조내에서 개별 객체에 접근할 수 있는 방법을 제공합니다.

 

 

 

DOM 구조도

http://codedragon.tistory.com/5667