[TIL] DOM이란?

zero_0·2021년 9월 11일
0

TIL

목록 보기
1/6
post-thumbnail

DOM이란?

문서 객체 모델(Document Object Model) 은 웹 페이지에 대한 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다.

  • DOM(Document Object Model) : HTML 요소들의 구조화된 표현, DOM은 html 단위 하나하나를 객체로 생각하는 모델입니다.
  • DOM의 객체 구조는 노드 트리(하나의 부모 줄기가 여러개의 자식 나뭇가지, 나뭇잎들을 가질 수 있는 나무와 같은 구조)로 표현된다. -> 트리구조다
<!doctype html>
<html lang="en">
	<head>
    	<title> My first web page </title>
    </head>
    <body>
    	<h1> Hello, world! </h1>
        <p> How are you? </p>
    </body>
</html>

DOM과 HTML의 차이점

DOM은 항상 유효한 HTML 형식이다.
DOM은 JavaScript에 의해 수정될 수 있는 동적 모델이어야 한다.
DOM은 가상 요소를 포함하지 않는다. ( Ex. ::after )
DOM은 보이지 않는 요소를 포함한다. ( Ex. display : none )

참고 : https://velog.io/@surim014/DOM%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

profile
차근차근 채워가는 it일지

0개의 댓글