"DOM"의 두 판 사이의 차이

4번째 줄: 4번째 줄:
==개요==
==개요==
[[File:JKDOM.SVG|객체 계층 개념도|thumb]]
[[File:JKDOM.SVG|객체 계층 개념도|thumb]]
*문서를 객체 지향 모델로 표현 (W3C 표준)
*문서의 구조를 자바스크립트 등으로 제어 가능
*HTML 페이지나 XML 문서들을 프로그램 객체로 만들거나 수정가능
==HTML DOM==
*HTML 페이지를 객체로 표현
*HTML 페이지를 객체로 표현
*문서의 구조를 자바스크립트 등으로 제어 가능
*최상위 객체는 window
*최상위 객체는 window
*window의 하위 객체(자식)인 document는 HTML 페이지 내 태그들을 하위 객체로 가지고 있다.  
*window의 하위 객체(자식)인 document는 HTML 페이지 내 태그들을 하위 객체로 가지고 있다.  
*DOM에서는 HTML 요소(태그)를 동적으로 추가, 변경, 제거할 수 있다.
*DOM에서는 HTML 요소(태그)를 동적으로 추가, 변경, 제거할 수 있다.
13번째 줄: 16번째 줄:
==같이 보기==
==같이 보기==
*[[캔버스]]
*[[캔버스]]
*[[SAX]]
==참고 자료==
*http://terms.co.kr/DOM
*http://en.wikipedia.org/wiki/Document_Object_Model


[[분류: HTML]]
[[분류: HTML]]

2013년 7월 21일 (일) 23:18 판

Document Object Model; DOM
문서 객체 모델

1 개요

객체 계층 개념도
  • 문서를 객체 지향 모델로 표현 (W3C 표준)
  • 문서의 구조를 자바스크립트 등으로 제어 가능
  • HTML 페이지나 XML 문서들을 프로그램 객체로 만들거나 수정가능

2 HTML DOM

  • HTML 페이지를 객체로 표현
  • 최상위 객체는 window
  • window의 하위 객체(자식)인 document는 HTML 페이지 내 태그들을 하위 객체로 가지고 있다.
  • DOM에서는 HTML 요소(태그)를 동적으로 추가, 변경, 제거할 수 있다.

3 같이 보기

4 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}