DOM - 개념, 특징, 종류, 스크립트 접근 방법, 중요 데이터 타입

DOM 이란?

문서 객체 모델(Document Object Model)의 약자
HTML, XML 문서의 각 항목을 계층으로 표현하여 생성, 변형, 삭제하도록 돕는 인터페이스
문서 내의 모든 요소를 정의하고, 각 요소에 접근하는 방법 제공
동적으로 문서의 내용, 구조, 스타일에 접근하고 변경하는 수단
브라우저 사이에 DOM 구현 호환성을 위해 W3C에서 DOM 표준 규격 작성
- 즉, W3C의 표준화한 API들의 기반
- 표준 규약 외 기능들은 각기 다른 DOM이 적용된 브라우저에서 호환 여부가 다를 수 있음을 인지

모든 웹 브라우저는 스크립트가 접근할 수 있는 웹페이지를 만들기 위해 어느 정도의 DOM을 항상 허용
- 때문에 브라우별 호환 여부가 다를 수 있음
DOM
- 문서를 객체 지향으로 표현
스크립트
- DOM이 없으면 문서 내 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하며, 접근 및 조작 불가
- DOM에 접근하기 위해서는 인라인 <script> 요소 사용 혹은 문서 내 스크립트 로딩 명령 사용
- 대표적인 스크립트 언어 : 자바 스크립트

document
- 브라우저가 불러온 웹 페이지를 의미
- 웹 페이지 전체 문서를 나타내는 객체
  - HTML 페이지의 <html> 태그를 나타냄
- 페이지의 URL을 얻거나 문서에 새로운 요소를 생성하는 등의 기능을 전역적으로 제공
- 모든 종류의 문서에 대한 공통의 속성과 메서드를 묘사
element
- DOM 안에서 생성되는 요소
- 문서의 요소를 나타내는 객체
  - <html>, <body>, <div>, <p> 등 태그가 이에 해당
- element interface와 node interface를 구현한 것이며 참조에는 이 두가지가 모두 포함
attribute
- 요소의 속성을 나타내는 객체
- 해당 요소에 대한 정보를 가짐
- 요소(elements)와 같은 노드(node)
nodeList
- 문서의 노드들을 저장하는 유사 배열 객체
  - 즉, 요소(elements)들의 배열
- 주어진 선택자 또는 요소의 자식 노드들을 반환
- nodeList의 항목(Items)은 인덱스(index)를 통해 접근 가능
namedNodeMap
- 요소의 속성들을 저장하는 객체
- 해당 요소의 속성을 나타내는 객체들의 컬렉션
- 항목(Items)에 대한 접근은 이름(name)과 인덱스(index)로 가능