DOM

🔷DOM(Document Object Model)

웹 문서의 구조를 나타내는 방식으로, 웹 페이지의 모든 요소(HTML 태그)를 객체로 표현하고, 이들 사이의 관계를 나타냄

🔶DOM의 핵심

- 트리 구조: DOM은 문서를 노드(node)의 계층적 트리로 표현. 이 트리는 문서의 구조, 스타일, 내용 등을 포함. 트리의 각 노드는 문서의 한 부분(요소, 속성, 텍스트 등)을 나타냄

- 노드(Node): DOM 트리의 기본 단위. ex) 요소 노드(Element Node), 텍스트 노드(Text Node), 속성 노드(Attribute Node) 

- 요소(Element): HTML 태그와 태그 사이의 내용을 포함하는 노드. ex) <div>, <p>, <a>

- 조작: JavaScript를 사용하여 DOM 요소를 동적으로 추가, 수정, 삭제할 수 있음. -> 사용자와의 상호작용이나 페이지의 동적 변경이 가능해짐