DOM

DOM ( Document Object Model)

• JavaScript를 HTML에서 불러올 때 주의해야 할 점을 이해할 수 있다

• DOM의 의미를 이해할 수 있다

• JavaScript를 통해서 HTML Element를 추가하거나 삭제, 혹은 내용을 변경할 수 있다

• 기초적인 event들을 알고, event handler를 element에 적용할 수 있다

• 간단한 웹 앱을 만들 때 logic과 DOM 조작을 함수로 분리해서 작업할 수 있다

• 프로그래밍 인터페이스

 HTML 는 트리구조로 이루어져 있음.

자바스크립트는 객체가 트리구조 . 

자바스크립트에서 document객체를 통해 전역으로 접근 할 수 있음. 

 

HTML을 객체 모델로 가지고 올 수 있다.

------------------------

it contains.....

 

nodeName

tagName

className

innerHTML

childNodes / parentNodes

parentElements

onEventName(onClick)