[자바스크립트] DOM (Document Object Model)

DOM (문서 객체 모델)(Document Object Model)

 

웹페이지는 어떻게 만들어지는 걸까요?

웹 브라우저가 원본 HTML 문서를 읽은 후, 스타일 입히고 페이지를 뷰 포트에 표시하여 만듭니다.

그 과정의 모델이 필요한데 그 이름이 DOM 입니다. (다른 모델도 있음)

 

DOM은 HTML 코드를 해석 후 요소들을 트리 형태로 구조화해 표현하는 형식

그리고 DOM은 자바스크립트를 사용해 웹 화면의 콘텐츠 추가, 수정, 삭제 등

이벤트 처리를 할 수 있도록 프로그래밍 인터페이스를 제공한다.

 

+ 추가 내용

 

DOM은 HTML이 아닙니다.

DOM은 브라우저에서 보이는 거시 아닙니다.

DOM은 가상 요소를 포함하지 않습니다. (ex: ::after)

DOM은 보이지 않는 요소를 포함합니다. (ex: display:none;)

자바스크립트에 의해 DOM을 수정하여 새로운 노드를 추가, 삭제 등 할 수 있습니다.