element와 node의 차이

Javascript

by 리액트바오 2022. 8. 23. 13:12

Element와 Node 모두 JavaScript의 Object 객체를 상속받는 객체지만, 상속 체인의 관점으로 봤을 때 Node가 Element의 상위 개념이 된다.

Node

노드는 시맨틱 태그, 예를 들어 <p> <div> 등과 텍스트를 모두 아우르는 개념이다.

Element는 Node객체를 상속받는 Element객체를 의미한다. Node객체의 ELEMENT_NODE를 의미하는 것이다. 노드에서는 포함되었던 텍스트 노드가 Element에는 포함되지 않는다.

<div><body><span>태그들은 모두 Element지만 전체 document tree나 주석, 텍스트들은 html태그로 표현되지 않기에 Element에 속하지 않는다.

Node는 Element의 상위 개념이다.