고정 헤더 영역
상세 컨텐츠
본문
element와 node의 차이
Element와 Node 모두 JavaScript의 Object 객체를 상속받는 객체지만, 상속 체인의 관점으로 봤을 때 Node가 Element의 상위 개념이 된다.
Node
노드는 시맨틱 태그, 예를 들어 <p> <div> 등과 텍스트를 모두 아우르는 개념이다.
Element
Element는 Node객체를 상속받는 Element객체를 의미한다. Node객체의 ELEMENT_NODE를 의미하는 것이다. 노드에서는 포함되었던 텍스트 노드가 Element에는 포함되지 않는다.
<div><body><span>태그들은 모두 Element지만 전체 document tree나 주석, 텍스트들은 html태그로 표현되지 않기에 Element에 속하지 않는다.
한마디로
Node는 Element의 상위 개념이다.
'Javascript' 카테고리의 다른 글
| 정규표현식에 대해 알아보자! (0) | 2022.09.01 |
|---|---|
| 클로져에 대한 설명과 클로져의 사용 예제 (0) | 2022.08.24 |
| 스코프(Scope)란? (0) | 2022.08.23 |
| removeChild와 remove의 차이 (0) | 2022.08.23 |
| children과 childNodes의 차이 (0) | 2022.08.23 |
