[FE] DOM

DOM(Document Object Model)이란?

• HTML, XML 문서의 프로그래밍 interface
• 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공 → 문서 구조, 스타일, 내용 등을 변경
• 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결
• 웹 페이지의 객체 지향 표현이며, 자바스크립트와 같은 스크립트 언어를 이용해 DOM 수정

(무슨 말인지 모르겠다. 블로그를 통해 다시 한 번 알아보자!)

 

• 문서 객체(Document Object) : Javascript가 이용할 수 있는 객체(HTML 태그)
• DOM은 넓은 의미로 웹 브라우저가 HTML 문서를 인식하는 방법을 의미
• 좁은 의미로는 document와 관련된 객체의 집합

HTML	DOM (트리형 구조)

 

See the Pen Untitled by RamSSi (@ramssi) on CodePen.