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,
