FE/JS

DOM

aodtns 2022. 4. 18. 21:26

DOM (Document Object Model)

DOM은 객체 지향 모델구조화된 문서를 표현하는 형식이다.

DOM은 문서의 구조화된 표현을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 해준다.

모든 HTML 요소는 HTML DOM을 통해 접근이 가능하다.

 

Document

Document 객체는 웹 페이지 자체를 의미한다.

웹 페이지에 존재하는 HTML 요소에 접근할 때는 반드시 Document 객체부터 시작해야 한다.

Document  메서드

  • HTML 요소의 선택
  • HTML 요소의 생성
  • HTML 이벤트 핸들러 추가
  • HTML 객체의 선택

 

HTML 요소의 선택

 

HTML 요소의 생성

 

HTML 이벤트 핸들러 추가

 

DOM의 트리 구조

계층화되게 만들어 주는 것이 DOM이 하는 역할이다.