DOM을 사용하다보면 element를 자주 보게 된다.
그렇다면 element와 node의 차이는 무엇일까??
node
DOM 문서는 node의 계층 구조로 이루어져 있다.
계층 구조란?
상위에서 하위까지 단계를 말한다.
아래 그림처럼 각 층마다의 level 단계를 갖는다.
node에는 요소, 텍스트, 주석 등 여러가지 유형을 가지고 있으며, element는 이러한 node 유형중 하나이다.
element
태그로 작성된 노드를 말한다.
element는 node의 여러 종류중 하나이다.
위 그림에서 element는
<document>, <html>, <head>, <meta>, <title>, <style>...등 이다.
DOM을 조작할 때는 주로 element를 탐색하는 방법을 많이 사용한다.
'javaScript' 카테고리의 다른 글
| class & instance (feat. OOP, ES6) (0) | 2022.11.23 |
|---|---|
| 사고의 추상화(feat. filter, map, reduce) (0) | 2022.11.22 |
| DOM(Document Object Model)의 구조 (0) | 2022.11.18 |
| 구조분해 할당 사용하기 (0) | 2022.11.17 |
| spread 문법 사용하기 (0) | 2022.11.17 |
