Dom이란 Document Object Model의 약자로 문서 객체 모델이란 뜻이다.
문서 객체란 무엇인가?
- 문서 객체란 html 태그들, 즉 element 요소들을 javascript가 이용할 수 있는 객체로 만들면 그것을 문서 객체라고 한다.
한마디로 DOM은 브라우저가 HTML 웹 페이지를 인식하는 방식을 계층화시켜서 트리구조로 만든 객체모델이다.
DOM을 이런식으로 구조화 시키는데 이러한 모양을 트리구조라 한다.
트리구조는 하나의 root node에서 시작된다. 보통의 나무는 땅에서 점점 위로 뻗어나가지만, tree형 자료구조는 위의 root node에서 아래로 퍼져나가는 형태로 그린다.
tree에서는 위쪽의 node를 부모(parent)노드 아랫쪽 노드를 자식(child)노드라고 합니다.
root node는 가장 위에서 시작되는 node라 parent가 없는 node고 children이 없는 node를 leaf node라고 한다. 뿌리(root)에서 시작해서 잎(leaf)에서 끝나는 형태다.
node란 무엇인가?
트리구조에서 root 노드를 포함한 모든 개체를 node라고 표현한다. head, body, title,script,h1,등의 태그뿐만이 아니라 태그 안의 텍스트나 속성도 모두node에 속한다.
HTML 태그를 요소노드(element node)라고 부르고 요소노드 안에 있는 글을 텍스트 노드(text node)라고 부르기도 한다.
