DOM(Document Object Model)과 JavaScript의 관계, The HTML DOM (Document Object Model)

 

DOM(Document Object Model)과 JavaScript의 관계

• DOM은 JavaScript에서 HTML 페이지의 요소에 접근하거나 변경할 수 있도록 하게 합니다.

• 웹 브라우저는 웹 페이지가 로딩될 때 해당 페이지에 대한 DOM을 생성하며 이 HTML DOM은 해당 페이지 요소들을 계층 구조를 갖는 형태로 나열합니다.

 

The HTML DOM (Document Object Model)

http://www.w3schools.com/js/js_htmldom.asp

 

 

이 HTML DOM을 통해 JavaScript는 다음과 같이 구현할 수 있습니다.

·       해당 페이지의 요소 변경이나 추가, 삭제

·       해당 페이지의 요소에 대한 속성 변경이나 추가

·       해당 페이지의 CSS의 변경이나 추가, 삭제

·       새로운 HTML 이벤트의 생성