DOM(Document Object Model)

1. DOM(Domcument Object Model)이란?

웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object)모델이다. Javascript는 이 model로 웹 페이지에 접근하고, 페이지를 수정할 수 있다.
DOM은 HTML인 웹페이지와 스크립팅 언어인(Javascript)를 서로 잇는 역할을 한다.

Javascirpt에서 DOM이라는 프로그래밍 인터페이스를 이용해 HTML문서를 조종할수 있다.

const $text  = document.querySelector(".text");
$text.textContext = "My name is Taehyun";

HTML문서란, 브라우저가 화면을 그리기 위한 초기 설계도 역할을 할 뿐, 브라우저는 HTML이라는 설계도를 이용하여 초기화면을 그리고, 우리는 브라우저가 만든 화면을 DOM으로 접근하여 조종하게 되는 것이다.

Javascript로 화면을 수정한다고 해서 HTML문서 자체가 수정되는 것은 아니다.