DOM 은 무엇인가?

 DOM은 Document Object Model(문서 객체 모델)이다.

 

 HTML이나 XML로 이루어진 문서를 프로그래밍적으로 js 코드 상에서 수정 가능하도록 interface를 제공한다.

 즉, 각 element에 대한 method를 제공하여 수정할 수 있는 interface를 js 상에서 제공한다는 것이다.

 

 HTML과 XML이 중첩 구조(nesting structure)로 이루어지듯, DOM은 tree 구조로 이루어져 있다.

 

DOM 트리

W3C(world wide web consortium)에서는 html DOM을 아래와 같이 정의한다.

 

HTML DOM for HTML

 

HTML DOM은 HTML을 위한 객체 모델(Object Model)이며 다음과 같이 정의된다.

• HTML element들은 모두 객체(object)로서 간주한다.
• 해당 HTML element에  대한 Property들이 있다.
• 해당 HTML element에 대한 Method들이 있다.
• 해당 HTML element에 대한 Event들이 있다.

HTML DOM for JavaScript

HTML DOM은 JavaScript에 대한 API(Programming interface)이며 다음의 역할을 가능케 한다.

• JavaScript가 HTML element들을 add/change/remove할 수 있다
• JavaScript가 HTML attribute들을 add/change/remove할 수 있다
• JavaScript가 CSS style들을 add/change/remove할 수 있다
• JavaScript가 HTML event들에 반응할 수 있다.
• JavaScript가 HTML evetn들을 add/change/remove할 수 있다.

 

 

 

 

 

What is HTML DOM