JS ] DOM 이란

DOM - the Document Object Model ( 문서 객체 모델)

 

html , xml 문서를 프로그래밍적으로 엑세스하고 변형하기 위한 프로그래밍 인터페이스

 

내가 작성한 코드가 브라우저에 의해서 파싱이 되면 DOM을 로드

 

문서의 태그나 속성들을 객체화 시켜서 js가 제어할 수 있도록 돕는 인터페이스라 이해함

 

dom은 object로써 node property method를 포함한다. F12눌러서 해당 element에 property를 통해 볼 수 있다.

 

js를 통해 dom을 제어해서 웹페이지를 제어함

 

dom의 순서 - 

1. element를 찾기 (getElementByld, getElementByName, getElementByTagNAme)

2. 대상이 가지고있는 메소드 or 이벤트를 실행

 

중요 dom 객체 -

DOM Document  - 문서 전체

DOM Elements - 문서 구성요소

 

 

참고 -

생활코딩 https://www.youtube.com/watch?v=ZjNhc36velQ

MDN web docs https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/%EC%86%8C%EA%B0%9C