개발초보의 Study-log

[JavaScript] DOM이란? 본문

자바스크립트

[JavaScript] DOM이란?

펜네임 2020. 1. 22. 21:48

 DOM  ( Document Object Model )  문서 객체 모델 

 

  • 문서 == html 문서
  • 객체 == JavaScript 객체
  • 문서객체 == JavaScript가 읽을 수 있게 객체화된 html 요소 (개발자도구에서 확인된다!)
  • 문서객체모델 == 생성된 문서객체들이 규칙성 있게 모여있는 것

 

 ▶ 정적인 문서객체 생성 

- 웹브라우저는 html 문서를 읽으면서 모든 요소들을 javascript객체화 한다.

 

 ▶ 동적인 문서객체 생성 

- 자바스크립트는 html문서에 있는 요소를 가져와 객체화해서 다루거나, html에 없는 새로운 객체를 만들 수 있다.

 

>> 생성된 문서객체들이 모인 것이 문서객체모델(DOM)이다! <<

 

 

 

 

 

 

 

참고 사이트

https://m.blog.naver.com/magnking/220972680805

저작자표시 (새창열림)

'자바스크립트' 카테고리의 다른 글

[JavaScript] a태그에 자바스크립트 함수 사용 시 팝업 오류  (0) 2020.04.01
[JavaScript] 클릭된 요소 선택하기  (0) 2020.02.01
[JavaScript 오류] cannot read property 'replace' of undefined  (0) 2020.01.22
[Nomad coders] 초급 바닐라JS - 함수에 담을 수 있는 것들  (0) 2020.01.17
[JavaScript] 자바스크립트에서 향상된 for문 쓰기  (0) 2020.01.17
'자바스크립트' Related Articles more