• Document Object Model, HTML과 XML을 위한 인터페이스이며, 문서의 구조적 표현을 나타낸다
• 문서의 각 요소들을 Node라 표현하고, 각 Node들은 트리 형태로 구성되어, 부모-자식 관계로 계층을 나타낸다
• Javascript를 통해 DOM의 요소에 접근하여 추가, 삭제, 수정을 할 수 있으며, 이를 통해 동적인 웹을 구현할 수 있는 것

• 위 캡쳐가 간단하게 구현된 DOM

DOM 조작 핵심 기능

• 요소 접근, 선택 : getElementById, getElementByClassName, querySelector 같은 메소드로 접근
• 요소 추가, 삭제, 수정 : appendChild, insertBefore, removeChild 같은 메소드로 수행
• 스타일 조작 : 직접 요소에 접근 (innerHTML, textContent 등) 하여 CSS를 직접 수정할 수 있음
• 이벤트 핸들링 : 특정 요소에 이벤트 리스너를 추가해 사용자의 입력에 대응하는 이벤트를 처리할 수 있다