JavaScript
노드(Node)와 요소(Element)
나이뚜우
2022. 8. 23. 23:27
노드(Node)
노드는 DOM을 구성하는 객체이며 DOM은 모두 노드로 이루어져있습니다.
노드는 요소 노드, 텍스트 노드, 주석 노드 등 다양한 유형이 있습니다.
HTML태그 (<div>, <p>, <head> 등)는 요소라고도 부를 수 있지만 정확히는 요소 노드입니다.
요소(Element)
앞서 말했듯 요소는 요소 노드와 같습니다. 즉 요소란 렌더링된 HTML의 태그에서 생성된 노드이며 내부에는 텍스트가 없습니다.
노드는 요소의 상위개념인 것입니다.
쉽게 이야기하면 요소는 HTML 문서에서 <div>, <head>등 과 같은 태그를 사용해 작성된 노드라고 할 수 있습니다.
HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN
이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다.
developer.mozilla.org