[JavaScript] DOM의 여러가지 노드 ✅

parkheeddong·2023년 5월 1일

JavaScript

목록 보기
14/26
post-thumbnail

✨ 노드

➡ DOM에서는 하나의 객체를 '노드'라고 한다..!




1) 문서 노드 (document node)

🌱 DOM 트리의 최상위에 존재하는 루트 노드로서 document 객체

HTML 문서당 document 객체는 하나 존재한다.

DOM 트리의 루트 노드이므로 DOM 트리의 노드들에 접근하기 위한 진입점 역할을 한다.


2) 요소 노드 (element node)

🌱 HTML 요소 노드이고, 트리 구조를 구성

<html> 태그 ➡ 루트노드
<head>, <body> ➡ 루트 노드의 자식 노드


3) 어트리뷰트 노드 (attribute node)

🌱 HTML 요소의 속성을 가리키는 객체

어트리뷰트 노드는 지정된 HTML 요소의 요소 노드와 형제 관계이다.


4) 텍스트 노드 (text node)

🌱 HTML 요소의 텍스트를 가리키는 객체다.

요소 내의 문자 ➡ 텍스트(text) 노드

텍스트 노드는 문자열만 담는다.

개행과 공백은 유효한 문자로 취급되어, 텍스트 노드로서 DOM의 일부가 된다.

0개의 댓글