[Javascript] DOM이란? (Document Object Model)
DOM은 문서 객체 모델을 HTML 및 XML 문서를 위한 인터페이스(API)로 나타냅니다. 브라우저가 HTML 문서를 처음 읽을 때(파싱) HTML 문서를 기반으로 큰 객체, 정말로 큰 객체를 만듭니다. 이것은 DOM입니다. HTML 문서에서 모델링된 트리와 같은 구조입니다. DOM은 DOM 구조 또는 특정 요소 또는 노드를 상호 작용하고 수정하는 데 사용됩니다.
우리가 이런 HTML 구조를 가지고 있다 가정하면, DOM은 아래의 그림과 같습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document Object Model</title>
</head>
<body>
<div>
<p>
<span></span>
</p>
<label></label>
<input>
</div>
</body>
</html>
JavaScript의 문서 개체는 DOM을 나타냅니다. 요소 내용 등을 업데이트하기 위해 요소를 선택하는 데 사용할 수 있는 여러 가지 방법을 제공합니다.
'JAVAscript (자바스크립트)' 카테고리의 다른 글
| [Javascript]Event capturing 이란? (0) | 2021.04.13 |
|---|---|
| [Javascript]Event bubbling이란? (0) | 2021.04.13 |
| [Javascript] Event propagation (0) | 2021.04.13 |
| [Javascript] || 연산자의 역할 (0) | 2021.04.13 |
| [Javascript] 자바스크립트 && 연산자 사용법 (0) | 2021.04.12 |
