[목표]
- DOM과 DOM API가 무엇인지 알아보기 + 이해하기
- DOM과 자바스크립트는 속해지는 관계가 아님을 확인하기
[DOM이란]
- Document Object Model의 준말
- 문서를 구조화한 표현
- 문서를 구조화하는 표준 방법
- 객체지향모델
- 쉽게말해 .html 이나 .xml 문서를 구성하고 있는 태그를 객체화함
- 객체화된 태그들의 관계를 구조화함(트리구조)
(1) .html 문서파일 코드
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <head> <title>My title</title> </head> <body> <a href="">My link</a> <h1>My header</h1> </body> </html> | cs |
(2) .html 문서파일을 구조화한 결과(트리구조)
[DOM과 DOM api]
- DOM은 문서(.html 혹은 .xml)를 구조화한(하는) 표현, 표준방법
- DOM api는 객체화된 문서 자체, 태그(객체)를 가져오는 메소드(명령방법)
[DOM과 자바스크립트 관계]
- DOM은 문서를 구조화하여 프로그래밍언어가 사용할 수 있도록 함
- 프로그래밍언어에 자바스크립트가 들어가는 것
- DOM == 자바스크립트의 결과는? false임
[참고자료]
(1) w3schools.com : https://www.w3schools.com/js/js_htmldom.asp (thanks!!)
'javascript' 카테고리의 다른 글
| [자바스크립트] 느슨한 타입 (0) | 2017.04.19 |
|---|---|
| [웹기본개념] 어플리케이션 캐시 (0) | 2017.04.18 |
| [자바스크립트] 프로토타입체인 (0) | 2017.04.16 |
| [웹 기본개념] 브라우저 동작원리 (0) | 2017.04.13 |
| [자바스크립트] 클로저(closure) (0) | 2017.04.11 |
댓글