JavaScript/HTML - DOM이란?

JavaScript 탄생배경

• 웹문서를 제어하기 위해 만들어짐.
• 즉, html 문서를 제어 및 조작하기 위해 만들어진 언어
• html 문서를 javaScript로 제어할 수 있는 이유는 브라우저 안에 웹 문서를 해석할 수 있는 렌더링 엔진이 있기 때문!
  • 크롬 : 블링크
• 렌더링시 한 줄 한 줄 해석 후 문서를 객체화 하여 javaScript로 접근할 수 있도록 함.
• 이처럼 문서를 객체화 했다고 해서 문서 객체 모델(Document Object Model)은 웹문서를 script로 제어할 수 있도록 한 모델이다~

DOM이란?

• Document Object Model로 문서 객체 모델
• Tree구조로 되어있음
  • 각각의 요소를 node라고 함.
  • script는 node에 접근하여 제어할 수 있게 됨
  • 접근한다 → 제어한다. 끝!
• document객체
  • DOM트리의 최상위 노드
  • 돔 요소에 접근하기 위한 진입점