TIL - 20220822

TIL

Lee Jaeyoon2 2022. 8. 22. 15:14

오늘은 모던 JavaScript 튜토리얼에서 DOM 트리에 대해 공부했다. 작성한 질문은 다음과 같다.

DOM의 특징으로는 다음과 같이 있다.

DOM에 따르면, 모든 HTML 태그는 객체다. 또한, 태그 내의 텍스트 역시 객체다. 이런 객체들은 JavaScript를 통해 접근할 수 있고, 페이지를 조작할 때 이 객체를 사용하면 된다.
또한 태그를 요소 노드라고 부르며 트리 구조를 구성한다. <html>을 루트 노드라고 부르며 그 아래 있는 <head>, <body>가 루트 노드의 자식 노드가 된다. 요소 내의 태그가 아닌 문자는 텍스트 노드가 된다.
<html> 태그가 없는 경우에는 자동으로 문서 최상위에 <html> 태그를 넣어주고, 닫는 태그가 없는 경우에도 자동으로 닫는 태그를 넣어주는 자동 교정이 진행된다.
주석도 노드가 된다. 정확하게 표현하면 HTML 안의 모든 것은 곧 노드가 된다. 주로 쓰는 노드는 다음과 같다.