W3C 표준 DOM General Web2008/11/30 00:02
작성일 : 2006년 9월 30일
DOM은 문서 객체 모형이라고 말하며, HTML의 구조에 접근하는 방법
Document.layers 층에 접근하기 위해 document.all 또는document.getElementById 사용
W3C의 표준 – document.getElementById
계층적 구조(Tree 구조)
<HTML> - 문서의 TOP(document 문서 하위)
<HEAD> - <HTML>의 꼬리표
즉, HTML 문서의 최정상은 document 가 된다.
DOM을 이해하기 위한 도형
(부모)
|
|
형제1---- 나 ----형제2
|
|
아이1------------ 아이2
1. parentNode : 나를 기준으로 부모 마디에 접근.
- document.getElementById("myElement").parentNode
2. childNode : 나를 기준으로 NodeList를 반환
- document.getElementById("나").childNodes
- document.getElementById("나").childNodes.item(0)
- document.getElementById("나").childNodeds[0] 와 동일
3. firstChild : 첫번째 마디에 대한 접근
- document.getElementById("나").firstChild
- document.getElementById("나").childNodeds[0] 와 동일
4. lastChild : 마지막 마디에 대한 접근
- document.getElementById("나").lastChild
- document.getElementById("나").childNodes.item(document.getElementById("나").childNodes.length)과 동일
5. previousSibling : 아이1로 접근
- document.getElementById("나").previousSibling
6. nextSibling은 아이2에 접근
- document.getElementById("나").nextSibling
'General Web' 카테고리의 다른 글
| Basic CSS syntax (0) | 2008/11/30 |
|---|---|
| CSS1 - 1. 기본개념 (0) | 2008/11/30 |
| W3C 표준 DOM (0) | 2008/11/30 |
| [HTML] Box Model (0) | 2008/08/06 |
| 2. xml 문서의 생성과 CSS를 이용한 XML 문서 출력 (0) | 2008/04/11 |
| xml과 10가지 설계목표 (0) | 2008/04/11 |
