[ Node ] Node 객체

 

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다.

스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.

( 출처 :  https://opentutorials.org/course/743inf.run/pBzy)

---

 Node 객체 

Node 객체는 DOM에서 시조와 같은 역할을 한다.

다시 말해서 모든 DOM 객체는 Node 객체를 상속 받는다는 뜻이다.

---

아래는 Node 객체의 위상을 그림으로 나타낸 것이다.

 

 주요기능 

Node 객체의 주요한 임무는 아래와 같다.

---

 관계 

element는 서로 부모, 자식, 혹은 형제자매 관계로 연결되어 있다.

각각의 Node가 다른 Node와 연결된 정보를 보여주는 API를 통해서 문서를 프로그래밍적으로 탐색할 수 있다.

Node.childNodes : 자식 element들을 알 수 있다. Node.firstChild : 첫번째 자식을 알 수 있다. Node.lastChild : 마지막 자식을 알 수 있다. Node.nextSibling : 다음 형제를 알 수 있다. Node.previousSibling : 이전 형제를 알 수 있다. Node.contains() : 자식 element가 있는지 없는지를 확인한다. Node.hasChildNodes() : Node.contains()와 비슷한 역할을 한다.

 

 노드의 종류 

Node 객체는 모든 구성요소를 대표하는 객체이기 때문에 각각의 구성요소가 어떤 카테고리에 속하는 것인지를 알려주는 식별자를 제공한다. 

Node.nodeType Node.nodeName

 

 값 

Node 객체의 값을 제공하는 API

Node.nodeValue Node.textContent

 

 자식관리 

Node 객체의 자식을 추가하는 방법에 대한 API

Node.appendChild() Node.removeChild()