DOM

The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web.

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction

 

DOM 이란?

Document Object Model 의 약자로, web document의 프로그래밍 인터페이스 구조이다.

각 요소는 객체(object)로 취급한다.

 

기본 데이터 타입

Document 객체

페이지 컨텐츠의 시작점.

Node

document 내의 모든 오브젝트는 어떠한 노드.

여러가지 DOM 타입이 상속하는 인터페이스.

Element

특정 노드 타입이나 node를 의미한다. document.querySelector() 로 반환되는 값.

가장 범용적인 기반 클래스로 부모인 Node와 그 부모인 EventTarget의 속성을 상속한다.

NodeList

일련의 엘레먼트를 의미한다. document.querySelectorAll() 로 반환되는 값.

 

상속 구조