[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 객체 덕분이었다.
'훈훈한 자바스크립트' 카테고리의 다른 글
| 34강 JS로 HTML 태그 생성 (0) | 2023.01.24 |
|---|---|
| 33강 키보드 event 체크 (0) | 2023.01.24 |
| 31강 <ul>, <ol>, <li>태그 (0) | 2023.01.24 |
| 30강 storage 데이터 유무에 따른 조건문 (0) | 2023.01.24 |
| 29강 조건문과 Storage 데이터의 조합 (0) | 2023.01.24 |
