Object Model

웹 브라우저를 제어하기 위한 객체들을 나눔

Object Model 객체

• JavaScript core, BOM, DOM - 브라우저에서 미리 정

• 자바스크립트로 html 태그를 다루기 위해서는 html 태그를 자바스크립트에서 사용 가능한 형태의 객체로 객체화 해야함.

• 객체를 제어하기위한방법

  1. 태그를 찾아냄(document.getElementsByTagName('img'))

  2. 변수에 객체를 저장(var images = document.getElementsByTagName('img')) => 여러개의 img태그가 존재할 수 있기 때문에 유사배열로 반환됨

  3. 가져올 태그의 index로 가져옴(images[0])

• 객체를 자바스크립트로 제어하는 이유는 html은 정적인 언어로 한번 정의되면 html 내부적으로 변경이 불가능하기 때문에 자바스크립트로 객체에 접근하여 동적으로 변경 시켜줘야 함

웹 브라우저의 구성요소

• window(전역객체)

  • DOM(document : html 문서 제어)

  • BOM(navigator, screen 등 웹 브라우저의 관한 제어)

  • JavaScript core(자바스크립트 자체 객체)