LEVEL 41 QUEST

DOM이란?

Document Object Model의 개념과 웹페이지 구조를 이해합니다.

DOM이 뭔가요?

Document Object Model

DOM은 웹페이지를 프로그래밍으로 조작할 수 있게 해주는 인터페이스입니다.

HTML 문서를 트리 구조의 객체로 표현해서,
JavaScript로 내용을 바꾸거나, 스타일을 변경하거나, 이벤트를 처리할 수 있어요!

DOM 트리 구조

<html>

<head>

<body>

<p>Hello World</p>

<button>Click me</button>

부모-자식 관계:
- html은 최상위 (root)
- head, body는 html의 자식
- div는 body의 자식
- p, button은 div의 자식

🔒

여기까지는 미리보기입니다

DOM이란?
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.