자바스크립트 dom 트리
[JavaScript] 자바스크립트 DOM 트리
[JavaScript] 자바스크립트 DOM 트리
2021.11.09🎯 DOM 트리 HTML을 지탱하는 것은 태그(tag)이다. 📝 DOM 예제 사슴에 관한 진실. 트리에 있는 노드는 모두 객체이다. 태그는 요소 노드(element node) (혹은 그냥 요소)이고, 트리 구조를 구성합니다. 은 루트 노드가 되고, 와 는 루트 노드의 자식이 된다. 새 줄과 공백은 글자나 숫자처럼 항상 유효한 문자로 취급된다. 따라서 이 두 특수문자는 텍스트 노드가 되고, DOM의 일부가 된다. 위 HTML 문서를 보면 와 사이에 새 줄과 약간의 공백이 있는 것을 볼 수 있는데, 이런 특수문자 역시 #text 노드가 된다. 새 줄(newline): ↵ (자바스크립트에선 \n로 표시) 공백(space): ␣ 주석도 노드가 된다. 🏷 요약 HTML/XML 문서는 브라우저 안에서 DOM 트리로..