[자바스크립트] DOM이란? DOM 개념 및 자바스크립트 DOM 다루기

DOM(Document Object Model, 문서 객체 모델) 이란?DOM은 문서 객체 모델이라는 뜻으로 HTML이나 XML 같은 문서의 요소(태그)들을 조작 가능하도록 객체화시킨 것입니다. 또한 이렇게 객체화 시켜놓았기에 DOM은 자바스크립트 API를 이용해 조작할 수 있습니다. 브라우저는 HTML 문서를 로드하고 처리할 때 문서 객체 모델(DOM)을 생성합니다.DOM은 트리 형태의 자료구조를 가지며, DOM을 구성하는 요소로는 요소노드, 텍스트노드, 속성노드 등이 있습니다. 요소 노드는 , , 같은 일반적인 태그를 말하고, 텍스트 노드는 요소 노드 안에 들어있는 텍스트들을 말합니다.예를 들어 피콜로 서점와 같은 요소가 있다면 가 요소노드이며 "피콜로 서점"이 텍스트 노드입니다.DOM 생성 과정위..