문서 객체 모델

Document Object Model을 사용하면 자바스크립트가 HTML 문서의 모든 요소에 접근하여 이를 변경할 수 있습니다.
웹페이지가 로드 될 때, 브라우저는 페이지의 DOM을 생성합니다.
HTML DOM 모델은 다음과 같은 객체 트리로 구성이 됩니다.

객체의 DOM 트리 예

DOM을 사용하면 동적 HTML을 만드는데 필요한 모든 기능을 사용할 수 있습니다.

• 페이지의 모든 HTML 요소와 속성을 변경할 수 있습니다.
• 페이지의 모든 CSS 스타일을 변경할 수 있습니다.
• HTML 요소와 속성을 추가/제거 할 수 있습니다.
• 페이지의 모든 요소가 HTML 이벤트에 반응할 수 있고, 새로운 이벤트를 생성할 수 있습니다.