Javascript/ DOM 개념

DOM

 

자바스크립트 코드가 HTML/CSS 와 상호작용 하도록 만드는 인터페이스

브라우저가 모든 HTML 태그와 자바스크립트 객체를 저장하는 DOM을 구축함

 

 

예시

 

웹사이트 DOM 확인 방법

 

어떤 웹사이트에서든 DOM을 볼 수 있다.

웹사이트->(마우스오른쪽 버튼 클릭) -> 검사(inspect)-> console

console.dir(document)입력

 

 

주요 document attributes

- document.url

- document.body

- document.head

- doment.links

- document.getElementById()

- document.getElementByClassName()

- document.getElementsByTagName()

- document.querySelector()

- document.querySelectorAll()