DOM이란?
JavaScript가HTML에 접근할 수 있게 해주는 중간다리 역할이다.
-
DOM(Document Object Model) 은 웹 브라우저가
HTML문서를 표현하고 조작하는 데 사용하는 객체 모델이다. -
DOM은HTML문서를 트리 구조로 나타내며, 각HTML요소나 텍스트를 노드로 나타낸다. -
JavaScript는 DOM을 사용하여HTML요소의 텍스트나 스타일을 변경하거나,HTML요소를 추가, 제거하는 등HTML문서와 상호 작용할 수 있다.window.document는HTML문서 그 자체를 나타내는 객체.window.document객체를 사용하여 DOM을 통해 HTML 문서에 접근.
JavaScript에서 DOM을 통해HTML로 접근하는 관문이document라는 객체이다. 진입점은document, 최종점은text.
BOM이란?
BOM(Browser Object Model)은 웹 브라우저의 창이나 프레임을 프로그래밍적으로 제어할 수 있게 해주는 객체 모델이다.
-
대부분의 브라우저에서 구현되어 있지만, 정의된 표준이 없어 브라우저마다 세부 사항이 다르고 한정적이다.
-
웹 브라우저의 버튼, URL 주소 입력 창, 타이틀 바 등 웹 브라우저 윈도우 및 웹 페이지의 일부분을 제어할 수 있다.
-
BOM의 최상위 객체는
window라는 전역 객체이며, DOM 또한 마찬가지이다.
DOM과 BOM의 관계
DOM은 웹 문서의 문서를 조작하는 것이고,
BOM은 브라우저 자체를 조작하는 것이다.
DOM은 브라우저의 API이다._
