DOM(Document Object Model) 구조

 

DOM이란?

- 구조화된 노드와 프로퍼티, 메소드를 갖고 있는 오브젝트 문서를 표현

- 이들은 웹 페이지를 스트립트, 프로그래밍 언어들에서 사용할 수 있게 연결 시켜주는 역할을 담당

- DOM은 웹 페이지의 객체 지향을 표현하며 노드 구조의 트리형태의 자료 구조 형태를 가지고 있고 각 트리는 노드로 구성.

- 웹 브라우저가 HTML 페이지를 인식하는 방식

- 최상위 객체인 window 의 하위 객체

- 브라우저에서 어떠한 페이지를 로드하면 DOM 구조 형태로 변환

- HTML 문서의 모든 요소에 접근하는 방법을 정의한 API

 

 

[자바스크립트로 DOM 제어]

getElementById, getElementsByClassName, getElementsByClassName 의 메소드로 해당 요소를 찾아서 제어할 수 있다.createElement, appendChild, removeChild, getAttribute, setAttribute 의 메소드로 요소를 추가하고 삭제할 수 있다.