JS ) DOM 이란?

 

문서객체모델(DOM)

웹 페이지가 적재되면, 브라우저는 페이지의 DOM을 생성한다.

DOM(문서 객체 모델)이란?

웹 페이지에 대한 프로그래밍 인터페이스이다.
기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 
그리고 스타일을 읽고 조작할 수 있는 API를 제공한다.

트리에서는 부모, 자식, 형제 노드의 개념이 있다.

DOM 과 BOM

HTML문서를 객체로 표현한 것이 DOM
웹브라우저를 객체로 표현한 것이 BOM

 

DOM

BOM

 

트리의 최상위 노드는 WINDOW 객체로서, window 객체는 브라우저 그 자체를 표현한다.

브라우저에 있는 모든 것이 객체로 표현되어 있기 때문에 자바스크립트에서는 객체의 속성을 변경하고 객체의 메서드를 호출해주면 웹 브라우저에 대한 거의 모든 것을 제어할 수 있다.