정의

Dom은 HTML 문서의 내용을 트리형태로 구조화하여 웹페이지와 프로그래밍 언어를 연결시켜주는 역할을 한다.
이때 각각의 요소와 속성, 콘텐츠를 표현하는 단위를 nodefk gksek.

DOM 트리에 접근

document객체를 통해 문서에 접근이 가능
document는 브라우저가 불러온 웹페이지를 나타내며, DOM트리의 진입점 역할을 수행한다.

 // 해당하는 Id를 가진 요소에 접근하기
document.getElementById()

// 해당하는 모든 요소에 접근하기
document.getElementsByTagName();

// 해당하는 클래스를 가진 모든 요소에 접근하기
document.getElementsByClassName();

// css 선택자로 단일 요소에 접근하기
document.querySelector("selector");

// css 선택자로 여러 요소에 접근하기
document.querySelectorAll("selector");

DOM 제어 명령어

1. 이벤트 삽입
   target.addEventListener( type, listener) 문법 형태