32강 DOM 이란?

[32강 DOM 이란?]

1.DOM (Document Object Model) :

- 브라우저가 HTML 문서를 파싱(*해석)하는 과정에서 생겨나는 객체

- 상기와 같은 구조를 Tree구조라고 한다.

- 붉은색을 Element Node / 파란색을 Text Node / 보라색을 Attribute Node

- DOM 구조에서 나뭇가지 처럼 뻗어나가는 것들을 모두 Node 라고 한다.

- 모든 Node들은 객체의 형태를 가진다. = 각자의 속성을 가지고있다. ex. body = { name: ‘body’ }

 

2.만들어진 웹페이지 html에서 DOM을 확인하는 방법

- 개발자도구 > console.dir(document) 입력

- html에서 자바스크립트를 조작할 수 있었던 이유, 바로 DOM 객체 덕분이었다.