자바스크립트 - DOM 이란?

DOM이란?

Document Object Model

• 프로그램이나 스크립트가 웹 문서의 내용, 구조, 스타일에 관한 정보에 접근하거나 갱신하기 위해 사용하는 인터페이스
• HTML, XML과 같은 마크업 언어의 문서 구조와 이들 문서의 일부분을 변경할 수 있는 수단의 표준

본인이 작성하긴 했지만 무슨말인지 잘 모르겠다.

그림으로 살펴보도록 하자.

위 그림은 DOM TREE=NODE TREE 라고한다.

Document는 노드들의 집합이다.

노드의 분류

1. 요소노드
2. 텍스트노드
3. 속성노드

<a href="#">바로가기</a>

위 코드에서 a태그는 요소노드, href는 속성노드, 바로가기는 텍스트노드가 된다.