gf0308 2021. 9. 21. 13:37

DOM(Document Object Model)

: Document Object Model(문서 객체 모델) 이다.

한마디로 말하면 "HTML문서 내용(document)을 Javascript가 인식하고 접근할 수 있는 객체(object) 형태로 객체화하여 이용하게 하는 방식(model)" 이라고 할 수 있다.

 

HTML 문서의 각 요소를(ex: <html>, <body>) Javascript가 인식할 수 있는 객체(object)화 한 것을 '문서 객체'라고 한다.

HTML문서가 브라우저 상에 표시될 때 이미 문서객체화가 처리되어진 채로 표시되어 지며, 이에 따라 브라우저의 Javascript는 html 문서내용을 인식하고 접근해 컨트롤을 할 수 있다.

 

다시 정리해보자면 DOM이란

  • 넓은 의미로는 : '웹 브라우저가 HTML페이지를 인식하는 방식' 이며
  • 좁은 의미로는 : 'document객체와 관련된 객체의 (Tree구조) 집합'

이라고 할 수 있다.