DOM 요소 썸네일형 리스트형 [java script] 문서 객체 모델(DOM) 1. 문서 객체 모델이란? ◎ 자바스크립트를 이용해 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법입니다. ▷ 웹 문서와 그 안의 모든 요소를 '객체'로 인식하고 처리합니다. ex) 웹 문서 전체는 document 객체, 삽입한 이미지는 image 객체, h1의 글자는 text 객체입니다. ◎ DOM 트리 ▷ 웹 문서에 있는 요소들 간의 부모, 자식 관계를 계층 구조로 표시한 것입니다. ▷ 나무 형태가 되기 때문에 "DOM 트리"라고 합니다. ▷ 노드(node) : DOM 트리에서 가지가 갈라져 나간 항목입니다. ▷ 루트 노드(root node) : DOM 트리의 시작 부분(html) ◎ DOM 구성 원칙 ▷ 모든 HTML 태그는 요소(element) 노드 ▷ 웹 .. 더보기 이전 1 다음