[JavaScript] DOM (The Document Object Model)

▶  DOM (The Document Object Model)

웹 페이지 (Document)를 구조화된 객체로 제공한다 

프로그래밍 언어가 페이지 구조에 접근할 수 있는 방법을 제공한다. 

=> 문서 구조, 스타일, 내용 등을 변경할 수 있도록 한다 

 

▶  DOM API

다른 프로그래밍 언어가 웹 페이지에 접근하고 조작할 수 있도록 

페이지 요소들을 객체 형태로 제공한다. 

이에 따른 메서드 또한 제공함 

▶  DOM의 특징 

DOM에서 모든 요소, 속성, 텍스트는 하나의 객체이다.

모두 document 객체의 하위 객체로 구성된다. 

 

---

▷ Document는 문서 전체를 말한다 

---

▶ DOM tree

브라우저는 HTML 문서를 해석하여 

DOM tree라는 객체 트리로 구조화한다. 

(객체 간 상속 구조가 존재한다)

 

▶브라우저가 웹 페이지를 불러오는 과정 

웹 페이지는 웹 브라우저를 통해 해석되어, 

웹 브라우저 화면에 나타난다 

 

▶ DOM의 핵심

문서의 요소들을 객체로 제공하여

다른 프로그래밍 언어에서 접근하고 조작할 수 있는 방법을 제공하는 API