🌳 DOM 이란
✨ DOM(Document Object Model)이란, 문서 객체 모델이다.
HTML 문서(웹 문서)를 트리 형식의 객체로 표현한 것이다.
텍스트 파일로 만들어진 문서를 브라우저가 이해할 수 있는 트리 구조로 구성한 것이다.파싱의 과정을 거쳐 웹 문서를 브라우저가 이해할 수 있는 구조로 만든 것이라고 할 수 있다.
➡ 개발자는 자바스크립트를 이용해서 DOM 구조에 접근, 수정, 삭제, 변경할 수 있다
🌼 HTML 문서 ➡ DOM 변환
1) HTML 요소는 렌더링 엔진에 의하여 파싱되어, DOM을 구성하는 요소 노드 객체들로 변환된다.
2) 다음과 같이 노드 객체들로 구성된 계층적 트리구조를 가진 DOM이 생성된다.
Example) 다음 HTML 문서를 DOM 트리로 나타낸다면?
<!DOCTYPE HTML>
<html>
<head>
<title>사슴에 관하여</title>
</head>
<body>
사슴에 관한 진실.
</body>
</html> 참고
