Javascript DOM Element, Node

node와 element에 대해 간략하게 정리해보겠습니다.

 

1. Node

 

DOM의 모든 것이 노드이며, DOM은 문서를 노드의 계층 구조 트리로 표현합니다.

노드의 타입에는 여러가지가 있으며 각 타입은 문서에서 서로 다른 정보나 마크업을 표현합니다. 다시말해 노드는 DOM객체입니다.

 

XML 문서를 구성하는 대표적인 노드의 종류는 이렇습니다.

노드	설명
문서노드(document node)	XML 문서 전체를 나타내는 노드
요소노드(element node)	모든 XML 요소는 모두 요소 노드이며, 속성 노드를 가질 수 있는 유일한 노드
속성 노드(attribute node)	XML요소의 속성은 모두 속성 노드이며, 요소 노드에 관한 정보를 가지고 있는 노드. 하지만 속성 노드는 해당 요소 노드의 자식 노드(child node)에 포함되지는 않음
텍스트 노드(text node)	XML 문서내의 텍스트는 모두 텍스트 노드
주석노드(comment node)	XNL 문서 내의 주석은 모두 주석 노드

 

 

2. Element

 

element는 다른 유형의 노드(텍스트 노드, 주석노드, 문서노드 등)가 있으므로 노드의 특정 유형중 하나입니다.

위의 노드에서 잠깐 언급한 'DOM은 문서를 노드의 계층 구조 트리'라고 표현했는데, document 노드의 루트가 바로 element html입니다. 즉 둘은 포함관계이며, node는 element를 포함하고 있습니다.

 

쉽게말해 element는 태그라고 생각하면 됩니다. 태그에 속해있는 텍스트까지도 element로 포함합니다.

위의 노드와 그에 설명한 표를 보면 요소 노드(element node)가 보일텐데 그저 XML문서를 구성하는 노드의 종류중 하나입니다.

 

 

포함관계

 

3. 정리

 

Node는 DOM의 모든 것이며 그 중 하나가 Element이다.

Element는 쉽게말해 <p></p>태그와 같은 태그라고 생각 하면 되며, 그 안에 포함된 텍스트까지 element이다.

 

 

출처

http://tcpschool.com/xml/xml_dom_node

https://www.it-swarm.dev/ko/javascript/node-%EA%B0%9C%EC%B2%B4%EC%99%80-%EC%9A%94%EC%86%8C-%EA%B0%9C%EC%B2%B4%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%80-%EB%AC%B4%EC%97%87%EC%9E%85%EB%8B%88%EA%B9%8C/943630280/

https://humahumahuma.tistory.com/123