javaScript

Element와 node의 차이

Doityoo 2022. 11. 22. 12:35

DOM을 사용하다보면 element를 자주 보게 된다.

그렇다면 element와 node의 차이는 무엇일까??

 

 

node

DOM 문서는 node의 계층 구조로 이루어져 있다.

계층 구조란? 

상위에서 하위까지 단계를 말한다.

아래 그림처럼 각 층마다의 level 단계를 갖는다.

node에는 요소, 텍스트, 주석 등 여러가지 유형을 가지고 있으며, element는 이러한 node 유형중 하나이다.

 

element

태그로 작성된 노드를 말한다.

element는 node의 여러 종류중 하나이다.

위 그림에서 element는

<document>, <html>, <head>, <meta>, <title>, <style>...등 이다.

 

DOM을 조작할 때는 주로 element를 탐색하는 방법을 많이 사용한다.