DOM(Document Object Model)

웹페이지나  XML 문서의 구조를 표현하고 이를 프로그래밍적으로 조작할 수 있는 인터페이스를 제공하는 표준화된 방법.

DOM은 웹 개발에서 매우 중요한 개념

웹페이지의 내용, 구조, 스타일 등을 동적으로 조작하고 변경하는데 사용된다.

 

 

특징 

1. 계층구조 : 요소들을 계층구조로 표현

2. 웹 페이지의 요소와 그 요소의 속성을 표현

3.객체 지향적 접근 : DOM은 객체 지향적으로 설계되어 있다.각 요소와 속성은 JavaScript 객체로 표현된다. 이를 통해 JavaScript를 사용해 문서의 내용을 동적으로 조작할 수 있다.

4. DOM을 사용하면 웹 페이지에서 발생하는 이벤트를 감지하고 처리할 수 있다.

 

예)

웹페이지에서 특정 요소의 내용을 변경하거나 사용자의 입력을 처리

 

문서 객체 모델을 이용해 HTML요소 변경 가능하다.눈에보이는 요소, 연결된요소 등 변경 가능하다.