[DOM] JS - DOM (= 돔 = 문서객체모델) 정의

HTML DOM 의미 - HTML 문서 객체 모델 (= HTML Document Object Model)

HTML 문서에 대한 표준 객체 모델 및 프로그래밍 인터페이스로서,

요소들간의 구조적 관계 (= 조상 부모 형제 자식 자손 요소 관계)를 통해,
특정 요소를 선택 시 그 선택 요소의 위치를 기준으로 다른 요소들도 쉽게 선택 가능한 모델.


▒ HTML DOM 정의 내용

1. 객체 로서의 HTML 요소

2. 모든 HTML 요소 의 속성

3. 모든 HTML 요소에 액세스 하는 메소드

4. 모든 HTML 요소에 대한 이벤트

 

즉 ,
HTML DOM은 HTML 요소를 가져 오거나, 변경하거나, 추가하거나, 삭제하는 방법의 표준

 

HTML DOM 통해 JS가 가능한 일

 

1. 페이지의 모든 HTML 요소를 변경 가능.
2. 페이지의 모든 HTML 속성을 변경 가능.
3. 페이지의 모든 CSS 스타일을 변경 가능.
4. 기존 HTML 요소 및 속성을 제거 가능.
5. 새로운 HTML 요소와 속성을 추가 가능.
6. 페이지의 모든 기존 HTML 이벤트에 반응 가능.
7. 페이지에서 새로운 HTML 이벤트를 생성 가능.

 

DOM 의미

 

DOM은 W3C (World Wide Web Consortium) 표준임.

"W3C DOM (Document Object Model)은 프로그램 및 스크립트가 문서의 내용, 구조 및 스타일을 동적으로 액세스하고 업데이트 할 수있게 해주는 플랫폼 및 언어 중립적 인터페이스임.

▒ W3C DOM 표준 구성

Core DOM - 모든 문서 유형에 대한 표준 모델

XML DOM - XML 문서의 표준 모델

HTML DOM - HTML 문서의 표준 모델