DOM?

DOM(Documnet Object Model : 문서 객체 모델)

  - XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스

 - 문서 내의 모든 요소를 정의

 - 각각의 요소에 접근하는 방법 제공

     -> 문서 구조, 스타일, 내용 변경이 가능하도록 도움

 - W3C*의 표준객체 모델

 - 웹 페이지의 객체 지향 표현

 - 스크립팅 언어를 이용해 수정 가능

 - 계층 구조로 표현

 

DOM 종류

 1) Core DOM

     : 모든 문서 타입을 위한 DOM 모델

 2) HTML DOM

     - HTML 문서를 조작하고 표준화된 방법 정의

     - 모든 HTML 요소는 HTML DOM을 통해 접근 가능

 3) XML DOM 

     - XML 문서애 접근하여 문서를 다루는 표준화된 방법 정의

     - 모든 XML 요소는 XML DOM을 통해 접근 가능

 

 

이러한 DOM을 활용한 JS 작업

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

---

* W3C

   : Wordl Wide Web -> W가 3개

     웹 표준을 개발하는 국제 컨소시엄