https://ko.javascript.info/browser-environment
자바스크립트는 본래 웹 브라우저에서 사용하려고 만든 언어.
최상단에는 window라 불리는 '루트'객체가 있습니다
window 객체는 2가지 역할을 합니다
1.전역 객체 챕터에서 서명한 바와 같이, 자바스크립트 코드의 전역 객체입니다.
2.브라우저 창(browser window)을 대변, 이를 제어할 수 있는 메서드를 제공합니다.
DOM 트리
HTML을 지탱하는 것은 태그(tag) 입니다.
문서 객체 모델(DOM)에 따르면 모든 HTML 태그는 객체 입니다.
태그 하나가 감싸고 있는 '자식'태그는 중첩(nested tag)라고 부릅니다. 태그 내의 문자 역시 객체 입니다.
이런 모든 객체는 자바스크립트를 통해 접근할 수 있고, 페이지를 조작할때 이 객체를 사용합니다.
DOM 탐색하기
DOM을 이용하면 요소와 요소의 콘텐츠에 무엇이든 할 수 있습니다. 하지만 무언가를 하기 전엔
당연히 조작하고자 하는 DOM 객체에 접근하는 것이 선행되어야 합니다.
DOM에 수행하는 모든 연산은 documnet 객체에서 시작합니다.
documnet 객체는 dom에 접근하기 위한 '진입점'
진입점을 통과하면 어떤 노드에도 접근할 수 있다.
childNodes, firstChild,lastChild로 자식노드 탐색하기
자식노드:(child node, children)는
바로 아래의 자식 요소를 나타냅니다.
자식 노드는 부모 노드의 바로 아래에서 중첩관계를 만듭니다. 와 는 요소의 자식 노드입니다.
후손노드(descendants)는 중첩관계에 있는 모든 요소를 의미합니다. 자식노드,자식노드의 모든 자식 노드 등이 후손 노드가 됩니다.
