getElementById1 [15일차] DOM(Document Object Model) 이해하기 목차DOM이란 무엇인가?DOM의 구조 이해하기DOM과 JavaScript의 관계DOM 조작의 기본실습: 간단한 DOM 구조 이해연습문제1. DOM이란 무엇인가?DOM은 HTML이나 XML 문서를 프로그래밍적으로 조작할 수 있는 객체 모델입니다.웹 브라우저는 HTML 코드를 읽어 DOM 트리라는 구조를 생성하며, 이를 통해 JavaScript가 문서의 내용, 구조, 스타일을 변경할 수 있습니다.DOM의 주요 특징:트리 구조: DOM은 HTML 요소를 트리 형태로 나타냅니다.동적 조작 가능: JavaScript로 DOM을 변경, 추가, 삭제할 수 있습니다.2. DOM의 구조 이해하기DOM은 계층 구조를 가지며, 각각의 HTML 요소는 DOM 트리의 노드(Node)로 표현됩니다.예제 HTML 코드: .. 2024. 11. 21. 이전 1 다음