웹브라우저 JavaScript

Node 객체

소개

Node 객체는 DOM에서 시조와 같은 역할을 한다. 다시 말해서 모든 DOM 객체는 Node 객체를 상속 받는다. Node 객체의 위상을 그림으로 나타내면 아래와 같다. 

 

주요기능

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

관계

엘리먼트는 서로 부모, 자식, 혹은 형제자매 관계로 연결되어 있다. 각각의 Node가 다른 Node와 연결된 정보를 보여주는 API를 통해서 문서를 프로그래밍적으로 탐색할 수 있다.

  • Node.childNodes
  • Node.firstChild
  • Node.lastChild
  • Node.nextSibling
  • Node.previousSibling
  • Node.contains()
  • Node.hasChildNodes()

노드의 종류

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

  • Node.nodeType
  • Node.nodeName

Node 객체의 값을 제공하는 API

  • Node.nodeValue
  • Node.textContent

자식관리

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

  • Node.appendChild()
  • Node.removeChild()

 

 

댓글

댓글 본문
작성자
비밀번호
  1. 유유
    감사합니다!
  2. 감사합니다
  3. 이자식
    역시 자식농사가 중요합니다
  4. tachyon
    감사합니다
  5. yihsang
    감사하며 듣고 있습니다.
  6. JustStudy
    2016.07.08 금
    고맙습니다 3.
  7. JustStudy
    2016.07.01금
    고맙습니다 2.
  8. 이주환
    2016. 04. 27
    잘보고갑니다~!
  9. JustStudy
    고맙습니다
  10. 김태우
    와우~
    이제 노드가 뭔지 알겠네요.
    감사합니다.
  11. 코딩!
    최상위층 개념은 node!
    node.js의 그 node겠죠?
  12. 심드렁
    Node를 많이 써왔지만 체계적으로 배우는 건 처음입니다. 설레네요 ㅎㅎ 좋은 강의 잘 듣고 있습니다~
  13. nespot2
    좋은 강의 정말 감사합니다 ^^
  14. 육점이
    감사합니다. 좋은 싸이트를 만나게 돼서 참 다행입니다.
  15. 규빈이아빠
    정말 명강의입니다~~
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기