(→같이 보기) |
(→같이 보기) |
||
| (사용자 2명의 중간 판 7개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
==개요== | |||
;Document Object Model; DOM | ;Document Object Model; DOM | ||
;문서 객체 모델 | ;문서 객체 모델 | ||
*문서를 객체 지향 모델로 표현 (W3C 표준) | *문서를 객체 지향 모델로 표현 (W3C 표준) | ||
*문서의 구조를 [[자바스크립트]] 등으로 제어 가능 | *문서의 구조를 [[자바스크립트]] 등으로 제어 가능 | ||
| 13번째 줄: | 12번째 줄: | ||
*DOM에서는 HTML 요소(태그)를 동적으로 추가, 변경, 제거할 수 있다. | *DOM에서는 HTML 요소(태그)를 동적으로 추가, 변경, 제거할 수 있다. | ||
https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/JKDOM.SVG/320px-JKDOM.SVG.png | |||
==같이 보기== | ==같이 보기== | ||
*[[자바스크립트]] | * [[window 객체]] | ||
*[[캔버스]] | * [[HTML document 객체]] | ||
*[[SAX]] | * [[자바스크립트 객체]] | ||
*[[XML]] | * [[캔버스]] | ||
*[[XPath]] | * [[SAX]] | ||
*[[QueryPath]] | * [[XML]] | ||
*[[W3C]] | * [[XPath]] | ||
*[[자바스크립트 onload]] | * [[QueryPath]] | ||
*[[jQuery ready]] | * [[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 같이 보기[ | ]
- window 객체
- HTML document 객체
- 자바스크립트 객체
- 캔버스
- SAX
- XML
- XPath
- QueryPath
- W3C
- 자바스크립트 onload
- jQuery ready
- 가상 DOM
4 참고[ | ]
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}