[JavaScript] Node와 Element

Node랑 Element 개념이 헷갈려서 정리해보려고 한다.
 
Node (노드)
├─ Element Node (요소 노드)- <div>, <span>와 같은 HTML 태그
├─ Text Node (텍스트 노드) - "Hello, World!" 등
├─ Comment Node (주석 노드) - <!-- Comment --> 등
└─ Document Node (문서 노드) - document 객체

 
 

Element(요소)는 Node(노드)의 종류 중 하나이다.
즉, 노드(Node)는 DOM(Document Object Model) 트리 구조의 모든 단위를 포괄하는 개념이고, 이 중에서 HTML 태그를 나타내는 것이 요소(Element)를 나타낸다. 따라서 요소는 노드의 하위 개념이라고 이해하면 된다.

• 노드(Node): DOM 트리의 모든 단위.
• 요소(Element): 노드 중에서 HTML 태그를 나타내는 유형.

---

출처: https://sharonprogress.tistory.com/118
OpenAI ChatGPT (https://openai.com)