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("나").childNo des.length)과 동일
5. previousSibling : 아이1로 접근
- document.getElementById("나").previousSibling
6. nextSibling은 아이2에 접근
- document.getElementById("나").nextSibling
