DOM(Document Object Model)

• 자바스크립트는 HTML를 조작하는 언어인데, 자바스크립트는 HTML 태그를 직접 해석이 불가능
• 자바스크립트가 HTML 조작을 하기 위해서는
  • HTML를 자바스크립트가 해석할 수 있는 문법으로 변환한 것이 DOM 입니다.

예)

<div style="color : blue">Hello World</div>

• 위와 같은 HTML을 발견하면 브라우저가 document = {}에 담아 줍니다.

var document = {
	div : {
		style : {color : 'blue'}
		innerHTML : 'Hello World'
	}
}

• 브라우저가 DOM을 생성해주고 document.div.innerHTML = ‘안녕’ 과 같이 자바스크립트를 이용해서 HTML 조작이 가능해 집니다.