자바스크립트 (JavaScript) - 19 : DOM (Document Object Model), document 개체

- Document Object Model

 

DOM(Document Object Model)이란 HTML, XHTML, 혹은 XML 문서들을 각 노드가

 

그 문서 부분인 트리 자료구조로 취급하는 모델을 말한다.

 

웹 페이지가 올라가면, 브라우저는 페이지에 대한 DOM을 만든다.

 

이 object 모델로 자바스크립트는 동적 HTML을 만들 수 있게 된다. 다음은 자바스크립트가 할 수 있는 일이다.

 

1) 페이지 안에 있는 모든 HTML 요소들과 속성들을 더하거나, 변화 시키거나, 삭제할 수 있다.

2) 페이지 안에 모든 CSS 스타일들을 변경 시킬 수 있다.

3) 페이지 안에 있는 모든 이벤트들에 대하여 반응할 수 있다.

4) 페이지 안에 새로운 이벤트들을 만들 수 있다.

 

- document 개체

 

HTML 문서가 웹 브라우저로 적재될 때, 이는 document 개체가 된다.

 

document 개체는 HTML 문서의 root 노드이며, 다른 모든 노드들에 대한 주인이다.

 

document 개체는 자바스크립트 안에서 각 노드 오브젝트에 접근할 수 있는 속성과 메서드들을 제공한다.