DOM

문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 구조화된 nodes와 property 와 method 를 갖고 있는 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다.

DOM은 정적인 HTML 페이지를 동적으로 만들기 위해서

자바스크립트의 원리에 맞게 문서를 객체화 시켜주는 모델이다.

초기의 HTML은 인터넷에서 정보를 전달하는 문서와 다를 것이 없었지만

점점 문서를 보기 좋게 만들고 발전하면서 시각적으로 보기 좋아지게 발전하게 했던 것이 CSS다.

물론 HTML 에서도 폰트나 색 모양을 바꿀 수 있었지만 한계가 있었고

좀더 스타일링에 특화된 부분으로 나뉘게 되면서 각자의 전문분야를 나누듯 역할을 나눠서 발전하였다.

문서가 점점 스타일링이 좋아지면서 더 많은 효과를 실현해보게 되고

결국은 웹이서 더 많은 효과를 위해서 프로그램 언어가 그 부분을 담당하게 되었다.

그렇게 탄생하게 된 것이 자바스크립트였다.

그 자바스크립트가 전혀 연결점이 없는 HTML 문서를 연결할 수 있게

도와주는 모델이 바로 DOM 이다.

DOM은 자바스크립트에서 다루는 데이터 중에서 참조자료형인

'object'형태로 HTML 문서 요소마다 있는 속성을

객체의 형태로 변화시켜줘서 둘이 상호작용이 가능하게 해준다.

DOM이 프로그래밍 언어는 아니지만 DOM 이 없으면 웹 페이지에 대한 정보를 갖지 못하게 된다.

그렇기 때문에, DOM 과 자바스크립트와 같은 스크립팅 언어를 통해 접근하고 조작할 수 있는 것이다.