DOM(문서 객체 모델) & Document 객체

0. BOM과 비교 (Window 객체)

https://prde.tistory.com/278

Window 객체

1. DOM이란 ?

문서 객체 모델은 XML이나 HTML문서에 접근하기 위한 일종의 인터페이스이다. 

이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. 

 

자바스크립트를 통해 새로운 HTML요소나 속성을 추가, 제거, 요소변경, 속성변경, CSS스타일변경, HTML이벤트 추가, 이벤트 반응 등의 작업 할 수 있다.

 

2. Documnet 객체 = 웹 페이지 그 자체

웹 페이지에 존재하는 HTML 요소에 접근할 때는 Document 객체부터 시작해야 한다. 

1) HTML 요소의 선택 : ex) document.getElementsByTagName(태그이름), document.getElementById(아이디)

2) HTML 요소의 생성 : ex) document.createElement(HTML요소), document.write(텍스트)

3) HTML 이벤트 핸들러 추가 ex) document.getElementById(아이디).onclick = function(){ 실행할 코드 }

4) HTML 객체의 선택 ex) 여러 요소 봐(http://www.tcpschool.com/javascript/js_dom_document)

 

3. 노드

~ 정리 http://www.tcpschool.com/javascript/js_dom_node

코딩교육 티씨피스쿨

 

http://www.tcpschool.com/javascript/js_dom_concept

코딩교육 티씨피스쿨