독학 개발자 매거진, 35일차: 최고 수준의 DOM 작업 및 이벤트

오늘 배웠어요...

DOM(또는 문서 객체 모델)란?

DOM(또는 문서 객체 모델)은 웹 페이지 컨텐트의 트리 표현입니다.
나무는 차원 구조나 족보와 유사한 구조 조직의 노드로 구성된다.예를 들면 다음과 같습니다.

<div id="container">
  <div class="image"></div>
  <div class="text"></div>
</div>

잠수함.이미지 및 div텍스트 노드는 부모 노드 div# 컨테이너의 하위 노드입니다.모든 아이는 자신의 분점이 있다.

JavaScript는 DOM 작업에 사용됩니다.

노드 및 요소

그러면 노드와 HTML 요소 사이에는 어떤 차이가 있습니까?

노드는 문서의 객체입니다.

요소는 HTML 태그를 사용하여 작성된 노드(요소 노드)입니다.

하나의 노드는 텍스트, 속성 등 다양한 유형으로 구성되어 있습니다. 그 중 하나가 원소 노드라면 원소 노드입니다.

리소스

The Odin Project
https://dmitripavlutin.com/dom-node-element/