"DOM"의 두 판 사이의 차이

 
(사용자 2명의 중간 판 11개는 보이지 않습니다)
1번째 줄: 1번째 줄:
==개요==
;Document Object Model; DOM
;Document Object Model; DOM
;문서 객체 모델
;문서 객체 모델
==개요==
*문서를 객체 지향 모델로 표현 (W3C 표준)
*문서를 객체 지향 모델로 표현 (W3C 표준)
*문서의 구조를 자바스크립트 등으로 제어 가능
*문서의 구조를 [[자바스크립트]] 등으로 제어 가능
*HTML 페이지나 XML 문서들을 프로그램 객체로 만들거나 수정가능
*HTML 페이지나 XML 문서들을 프로그램 객체로 만들거나 수정가능


13번째 줄: 12번째 줄:
*DOM에서는 HTML 요소(태그)를 동적으로 추가, 변경, 제거할 수 있다.
*DOM에서는 HTML 요소(태그)를 동적으로 추가, 변경, 제거할 수 있다.


[[File:JKDOM.SVG|객체 계층 개념도|250px]]
https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/JKDOM.SVG/320px-JKDOM.SVG.png


==같이 보기==
==같이 보기==
*[[캔버스]]
* [[window 객체]]
*[[SAX]]
* [[HTML document 객체]]
*[[XML]]
* [[자바스크립트 객체]]
*[[XPath]]
* [[캔버스]]
*[[QueryPath]]
* [[SAX]]
* [[XML]]
* [[XPath]]
* [[QueryPath]]
* [[W3C]]
* [[자바스크립트 onload]]
* [[jQuery ready]]
* [[가상 DOM]]


==참고 자료==
==참고==
*http://terms.co.kr/DOM
*http://terms.co.kr/DOM
*http://en.wikipedia.org/wiki/Document_Object_Model
*http://en.wikipedia.org/wiki/Document_Object_Model


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

2017년 11월 25일 (토) 13:48 기준 최신판

1 개요[ | ]

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

2 HTML DOM[ | ]

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

 

3 같이 보기[ | ]

4 참고[ | ]

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