DOM 이란?

문서 객체 모델 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다.

image

노드(NODE)

  • DOCUMENT_NODE(ex. window.documnet)
  • ELEMENT_NODE(ex. <html>, <body>, , <p>,
  • ATTRIBUTE_NDOE(ex. class="hi")
  • TEXT_NODE(ex. 줄바꿈과 공백을 포함한 HTML 문서 내의 텍스트)
  • DOCUMENT FRAGMENT NODE (ex. document.createDocumentFragment())
  • DOCUMENT TYPE NODE (ex. <!DOCTYPE html>)

DOM 의 역할

참고 사이트

  • [https://www.howdy-mj.me/dom/what-is-dom/]{사이트1}
  • https://dom.spec.whatwg.org/
  • https://elmprogramming.com/virtual-dom.html
  • https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction