#3.0 The Document Object

HTML : CSS와 JS를 가져오는 풀과 같은 도구, Js는 HTML과 상호작용을 위해 사용한다.

JS는 애초에 HTML에 접근, 읽기가 가능하도록 구성(configured)되어 있다.

즉, JS는 그냥 HTML을 자동으로 읽는다. 추가적으로 뭔가 설치할 필요도 없다.

이렇게 HTML문서를 그대로 JS의 방식으로 보기 때문에, 이 웹페이지(문서)전체는

이미 Document라는 객체로 정의되어 있다. (선언)

콘솔에서 console.dir(document);

document 의 속성을 확인할 수 있다. (객체)

console.dir(document)와 console.log(document)의 차이점은

dir은 객체의 속성을 확인하고, log는 객체의 요소를 확인한다.