[Javascript] DOM 개념

- 문서 객체 모델( DOM ) 이란?

DOM( Document Object Model )은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요스를 정의하고, 각각의 요소에 접근하는 장법을 제공한다.

이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현된다.

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

• 새로운 HTML 요소나 속성을 추가할 수 있다.
• 존재하는 HTML 요소나 속성을 제거할 수 있다.
• HTML 문서의 모든 HTML 요소를 변경할 수 있다.
• HTML 문서의 모든 HTML 속성을 변경할 수 있다.
• HTML 문서의 모든 CSS 스타일을 변경할 수 있다.
• HTML 문서에 새로운 HTML 이벤트를 추가할 수 있다.
• HTML 문서의 모든 HTML 이벤트에 반응할 수 있다.

 

 

 

 

 

출처

http://tcpschool.com/javascript/js_dom_concept

코딩교육 티씨피스쿨