[12/06] Node 객체

[출처] 생활코딩 http://opentutorials.org/module/904/6700

Node 객체 

- DOM의 시조, DOM의 최상위 객체

- HTML 코드를 객체화 시킨 것이 DOM

- Node 객체는 객체들의 관계성을 정의

관계 : 엘리먼트 요소들이 어떻게 연결되어있는지는 Node객체를 통해 확인가능

- Node.childNodes

- Node.firstChild

- Node.lastCHild

- Node.nextSibling

- Node.previousSibling

- Node.contains()

자식관리

- Node.appendChild()

- Node.removeChild()

Node 관계 API

---

프로퍼티 

- Element.firstChild : 첫번째 자식 Element

- Element.nextSibling :  같은 레벨에 있는 다음 Element

- Element.previousSibling : 같은 레벨에 있는 이전 Element

- Element.parentNode : 대상 Element의 부모 Element

- Element.childNodes : 대상 Element의 자식 Element 들을 유사배열로 반환

Node 종류 API

---

Node.nodeType

- 노드 타입에 따른 숫자값을 반환

Node.nodeName

- 해당되는 노드의 태그 이름을 영문으로 반환

- Element의 이름을 반환 ex) UL, LI,