HTML DOM

○DOM (Document Object Model)

 ▷HTML 객체들의 Tree 구조

 ▷XML과 HTML을 위한 object-based, language-neutral API

 ▷웹 페이지가 load되면, 브라우저는 DOM을 자동으로 생성함.

 ▷DOM을 통해 JavaScript가 HTML의 거의 모든 요소를 조작 가능함.

  ▷elements, attributes, CSS styles, events 의 추가,제거,수정

 

 ▶HTML element를 하나의 객체(object)로써 정의함.

  ▷HTML element의 속성을 내부 변수로써 가짐.

  ▷HTML element에 접근하기 위한 메서드

  ▷이벤트들

 

 ▶Tree of Object

  ▷Root: document

  ▶일반적인 Node는 총 5개의 포인터 필요.

   ▷부모(parent)를 가리킴

   ▷형제(sibling)를 가리킴 (Next, Previous)

   ▷첫 자식(child)을 가리킴

   ▷마지막 자식(child)을 가리킴

  ▷textNode는 크기가 가변적

 

 ▶관련 함수/메서드

  ▷Node

  ▷Document

  ▷Element