바로 직전 포스팅에서 dom을 제대로 이해하지 못하여.. 난 문제를 해결 해보자!
dom은 무엇인가?
dom은 트리로 구성되어 있습니다. html을 지탱하는 것은 tag입니다. ex) div, span 등등 태그 하나가 감싸고 있는 '자식'태그는 중첩 태그 (nested tag)라고 불립니다. 태그 내의 문자 역시 텍스트 입니다.
이런 모든 객체는 자바스크립트로 접근할 수 있고, 페이지를 조작할 수 있습니다.
ex) document.body는 "" 태그를 객체로 나타낸 것
돔은 트리구조를 HTML을 태그 구조로 표현합니다.
HTML,HEAD,BODY 는 element이고
#text: 자바킹 자바스크립트는 재밌어 (text요소)
#comment : 주석 요소입니다.
dom은 object이므로 모든 하위 노드들은 요소들입니다. 접근 가능하고, 수정이 가능하다라는 점!
요약
- 태그는 요소 노드가 되고 트리 구조를 생성한다.
- 문자는 텍스트 노드가 된다.
- 이 외에 html의 모든 것은 dom을 구성한다, 주석까지도
하루 한 걸음 성장하는 개발자