DOM TREE는 Node들로 구성된다.
Node는 Element의 상위 개념이다.
Element는 node의 특정 타입 즉, Node.ELEMENT_NODE 이다.
element는 HTML에서 태그로 적은 노드들을 지칭한다.
<html>, <div>, <title> 과 같이 태그로 표현한 것들은 전부 element이다
주석이나 text node와 같은 것들은 HTML 태그로 표현된 것이 아니므로 element가 아니다.
DOM에서Node는 node의 constructor이고,
HTMLElement는 element의 constructor이다.
HTML 태그들로 나타내면 Node이자 element
주석, text처럼 태그가 없다면 Node
아래는 관련 예시이다.
let div = document.createElement("div")
div instanceof Node
// true
div instanceof HTMLElement
// true
const text_node = document.createTextNode("This is new.");
text_node instanceof Node
// true
text_node instanceof HTMLElement
// false
DOM 에서 CRUD 를 구현할때 사용하는
classList, setAttribute, appendChild, remove 등의 메소드 들은
element객체와 node 객체 각각에서 쓸수있는 것이 나누어져있다.
반응형
'Programming Step > HTML' 카테고리의 다른 글
| DOM (0) | 2022.08.23 |
|---|---|
| 브라우저 기초 지식 (0) | 2021.06.20 |
댓글