DOM

DOM?

• 문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다.
• 마크업 형태의 HTML 문서를 오브젝트 모델의 형태로 바꿔놓은 것
• DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다.
• DOM 은 웹 페이지의 객체 지향 표현이며, 자바스크립트와 같은 스크립팅 언어를 이용해 DOM 을 수정할 수 있다.
  • HTML태그를 JS에서 이용할수 있는 객체로 만드는 것이다. 즉 HTML문서의 객체 기반 표현 방식이다.
• DOM은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미한다.
• DOM은 html 단위 하나하나를 객체로 생각하는 모델
• 예를 들면, 'div태그'라는 객체는 텍스트 노드, 자식 노드 등등, 하위의 어떤 값을 가지고 있는 트리 구조로 이루어져 있고 DOM이 트리구조란 의미이다.
• DOM은 처음 페이지에 진입했을 때, 데이터가 변했을 때 새로 그려진다.

• 웹페이지는 document고, document는 객체이다.
• DOM은 웹페이지의 모든 콘텐츠를 객체로 나타낸다 그리고 이 객체는 수정할 수 있다.
• document 객체를 사용해 웹 페이지 내의 무엇이든 변경할 수 있다는 이야기이다!

---

자바스크립트와 DOM

• 자바스크립트는 위와 같은 그림으로 웹 페이지에 접근하고, 페이지를 수정할 수 있다.
• 즉, DOM은 HTML과 스크립트 언어를 서로 연결하는 역할을 한다.