[JS] 05-1 DOM과 DOM 트리

• DOM (Document Object Model)
  • 자바스크립트 같은 프로그래밍 언어로 웹 문서에 접근하고 제어할 수 있도록 웹 문서를 체계적으로 정리하는 방법
  • DOM에서는 웹 문서를 하나의 객체로 정의하고, 웹 문서를 이루는 텍스트나 이미지, 표 등 모든 요소도 각각 객체로 정의함
  • 웹 문서와 그 안의 요소들을 객체로 인식하고 조절하므로 '문서 객체 모델'이라고 함
  • 웹 문서 객체들도 객체이므로 프로퍼티와 메서드를 갖고 있음

 

• DOM 트리
  • 웹 문서는 여러 가지 태그가 서로 포함 관계를 갖고 있는데, 이러한 포함 관계로 인해 각 태그 간에는 '부모'와 '자식' 관계가 생김
  • DOM을 활용해 웹 문서의 요소를 부모와 자식으로 구분해서 표시하다 보면 나무 모양을 띄는데 이것을 'DOM 트리'라고 부름