웹브라우저 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. 코리니
    20230103
  2. 헤밍웨이
    220825 Node!
  3. 드림보이
    2021.12.23. Node 객체 파트 수강완료
  4. pmxsg
    2021.12.22
  5. labis98
    20210911 좋은 강의 감사합니다.
  6. 박병진
    Node 객체는 DOM에서 시조와 같은 역할을 한다. 다시 말해서 모든 DOM객체는 Node 객체를 상속받는다. 2020.12.07완료
  7. 현미쓰
    완룡

    Node 객체는 DOM의 시조 Node 하위에 있는 객체들은 Node 객체의 프로퍼티값을 상속받는다.
  8. anne
    완료
  9. 정승옥
    완료
  10. 한강
    node 객체 시작합니다~~^^!
    200702
  11. 김진욱
    완료
  12. ㅎㅅㅁ
    200209
  13. 굼벵이
    완료
  14. 모든일이일사천리
    Done : 19/11/14 9PM
  15. 정홍
    완료
  16. 2019-10-14 10:03pm 완료
  17. JuicyFresh
    감사합니다.
  18. 생선과고양이
    앞 강의에서 ELEMENT에대한 강의가 다소 이해가 안갔는대 여기서 말끔히 해결됬네요 감사합니다
  19. 호여름
    개념잡을때 이고잉님강의를 애용하고 있습니다.
    응원합니다~
  20. An TaeHyeon
    18-01-28 수강완료.
    강의록 공유합니다 :)
    https://goo.gl/fQ4Jic
  21. milhouse
    잘 듣고 있습니다.^^ 감사합니다.
  22. 박인호
    12-29
    수강완료.
    모든 DOM 객체가 공통적으로 지닌 근원의 API들을 다루겠군요.
  23. 개발자가 되고싶은 고등학생
    감사합니다.
  24. Byungsoo Kim
    감사합니다.>>>
  25. 수복
    감사합니다.
  26. Sangmook Kim
    170807 완료
  27. crable
    감사합니다
  28. codeX
    감사합니다~
  29. 신입1
    너무 쉽게 설명해주셔서 이해가 잘갑니다
  30. node.js의 node가 맞나요?
  31. 유유
    감사합니다!
  32. hyuna
    감사합니다
  33. 이자식
    역시 자식농사가 중요합니다
  34. tachyon
    감사합니다
  35. yihsang
    감사하며 듣고 있습니다.
  36. JustStudy
    2016.07.08 금
    고맙습니다 3.
  37. JustStudy
    2016.07.01금
    고맙습니다 2.
  38. 이주환
    2016. 04. 27
    잘보고갑니다~!
  39. JustStudy
    고맙습니다
  40. 김태우
    와우~
    이제 노드가 뭔지 알겠네요.
    감사합니다.
  41. 코딩!
    최상위층 개념은 node!
    node.js의 그 node겠죠?
  42. 심드렁
    Node를 많이 써왔지만 체계적으로 배우는 건 처음입니다. 설레네요 ㅎㅎ 좋은 강의 잘 듣고 있습니다~
  43. nespot2
    좋은 강의 정말 감사합니다 ^^
  44. 육점이
    감사합니다. 좋은 싸이트를 만나게 돼서 참 다행입니다.
  45. 규빈이아빠
    정말 명강의입니다~~