블록체인 sw개발자

[JS] DOM(Document Object Model)

sang969 2023. 7. 17. 14:28

 

DOM의 사전적 의미 

문서 객체 모델(DOM, Document Object Model) 은 XML이나 HTML 문서에 접근하기위한 일종의 인터페이스.

이  객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다.

DOM은 동적으로 문서의 내용, 구조, 스타일에 접근하고 변경하는 수단이었다. 

 

DOM tree 와 node

브라우저를 제어할수있도록 모델링 하는것을 브라우저 객체 모델(Browser Object Model)이다.

웹 문서 영역을 제어할수있게 해주는 객체가 있으며 그것을 document 객체라 부른다

document 객체는 웹페이지 자체를 말하며 DOM Tree 의 최상위 객체이다. 

DOM요소에 접근하기 위한 진입점이라고 할 수 있다.

document의 구조

대상 선택하는 대표적인 방법

  • getElemnbtBy~()
  • getElementsBy~()
  • querySelector()