DOM과 BOM

DOM(Document Object Model)이란?웹 브라우저는 단순히 HTML을 읽고 화면에 그리는 것으로 끝나지 않는다.브라우저는 먼저 이 문서를 해석해 하나의 트리 구조로 변환하고, 각 요소를 객체 형태로 표현한다. 이 구조를 DOM, 즉 문서 객체 모델(Document Object Model)이라고 부른다. DOM은 ⟨⟨document⟩⟩라는 루트 객체를 중심으로, HTML 태그 하나하나를 노드로 변환해 계층적으로 구성한다. ⟨⟨div⟩⟩나 ⟨⟨p⟩⟩ 같은 태그는 ⟨⟨Element⟩⟩ 객체로, 텍스트는 ⟨⟨Text⟩⟩ 객체로, 속성은 ⟨⟨Attribute⟩⟩ 객체로 다뤄진다. 각각의 노드는 부모와 자식, 형제 관계를 갖고 있어서 자바스크립트로 쉽게 탐색하고 조작할 수 있다. 예를 들어, 다음과 ..