[JS] javascript DOM이란?

DOM이란 

문서 객체 모델(The Document Object Model, 이하 DOM) 프로그래밍 인터페이스이다

 

자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있다

- 자바스크립트는 새로운 HTML 요소나 속성을 추가

- 자바스크립트는 존재하는 HTML 요소나 속성을 제거

- 자바스크립트는 HTML 문서의 모든 HTML 요소를 변경

- 자바스크립트는 HTML 문서의 모든 HTML 속성을 변경

- 자바스크립트는 HTML 문서의 모든 CSS 스타일을 변경

- 자바스크립트는 HTML 문서에 새로운 HTML 이벤트를 추가

- 자바스크립트는 HTML 문서의 모든 HTML 이벤트에 반응

 

우리가 보고 있는 웹페이지는 일종의 문서(document)이다

DOM 은 프로그래밍 언어는 아니지만 DOM 이 없다면 자바스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 된다.

 

DOM 은 웹 페이지의 객체 지향 표현이며, 자바스크립트와 같은 스크립팅 언어를 이용해 DOM을 수정할 수 있다.

 

쉽게말해 DOM이란 HTML의 기능을 부여하고 수정할 때 브라우저는 JS언어를 알아듣지 못하기 때문에

DOM을 통해 보여지고 조작이 가능하게 하는 것이라고 보면 된다

 

DOM에 접근하는 방법

DOM에 접근하기 위해서는 크게 할 일은 없다

각각의 브라우저는 자신들만의 방법으로 DOM을 구현하였다

 

예를 들어

js 스크립트를 사용할 때, 문서 자체를 조작하거나 문서의 children을 얻기 위해 document 또는 window elements를

위한 API를 즉시 사용할 수 있다.

 

 

출처 - MDN , TCP-School