[자바스크립트_개념정리] 문서 객체 모델 DOM

Document Object Model 문서 객체 모델

: 자바스크립트에서 웹 페이지의 컨텐츠로 접근하는 통로와 같은 것

Document는 문서 객체 모델 내 다른 것처럼 하나의 객체이며 브라우저에서 자동으로 생성된다

새로운 페이지를 열 때마다 해당 페이지의 콘텐츠를 바탕으로 문서 객체 모델이 생성되는데

이는 페이지의 콘텐츠를 나타내는 모든 객체의 모음집과 같다

개발자 도구창에서 document를 입력하면

html이라 나오지만 크롬 개발자 도구의 방식일 뿐 실제 html은 아니다

문서의 객체 특성을 보고싶으면 아래 구문을 입력

console.dir(document);

//dir은 directory를 의미 

=> html이 아닌 현재 페이지에 대한 자바스크립트의 모든 객체(url, image 등)를 볼 수 있다

* 자바스크립트는 웹페이지에 나타나는 모든 컨텐츠 ( html, css 요소)를 받아들여 자바스트립트 객체로 나타낸다

또한 문서 객체는 모든 특성과 메서드를 포함한다