본문 바로가기

DOM2

[HTML] DOM(문서 객체 모델)이 작동하는 원리 HTML에서 DOM(Document Object Model)이 작동하는 원리 HTML에서 DOM(Document Object Model)이 작동하는 원리에 대해 설명입니다. DOM의 기본 개념: DOM은 HTML 문서의 구조화된 표현입니다. 이를 통해 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있습니다. DOM은 문서를 노드(node)의 트리로 취급하며, 각 노드는 HTML 문서의 일부분(예: 태그, 속성, 텍스트 등)을 나타냅니다. HTML 문서와 DOM의 관계: 브라우저는 HTML 문서를 불러올 때 이를 DOM으로 변환합니다. 이 과정에서 HTML 태그들은 DOM 트리의 다양한 노드로 변환되어 상호작용이 가능한 형태로 메모리에 저장됩니다. DOM 트리의 구조: DOM 트리는 루트(보.. 2023. 12. 23.
[HTML] DOM이란? HTML에서 DOM HTML에서 'DOM'은 '문서 객체 모델(Document Object Model)'의 약자입니다. DOM은 웹 페이지의 구조를 표현하는 프로그래밍 인터페이스로, 웹 페이지를 구성하는 HTML, XML 문서를 트리 구조로 나타냅니다. 이 트리 구조는 웹 페이지의 각 요소를 노드(Node)로 표현하며, 각 노드는 HTML 태그나 텍스트 등의 요소를 나타냅니다. DOM의 주요 특징과 기능은 다음과 같습니다. 트리 구조: DOM은 웹 페이지를 계층적인 트리 구조로 나타냅니다. 이 구조에서 각 HTML 태그는 노드가 되며, 이들 노드가 서로 상하 관계를 이루면서 전체 페이지의 구조를 형성합니다. 언어 독립성: DOM은 특정 프로그래밍 언어에 종속되지 않습니다. JavaScript와 같은 언어.. 2023. 12. 6.