2015/5/20
안민영
The HTML DOM (Document Object Model)
HTML문서를 읽고 조작하는 객체의 집합이다
document
html
body
 div  div
 div
head
 Id=“slot”  id=“slotcolor”  Id=“tableslot”
document
html
body
 div  div div
 Id=“slot”  id=“slotcolor”  Id=“tableslot”
head
 div
 DOM(Document Object Model)은 HTML 문서의
모든 요소에 접근하는 방법을 정의한 API다
 DOM tree 구성을 하고 있어서
 Document. 으로 모든 element 접근
 DOM 객체는 텍스트와 이미지, 하이퍼링크, 폼 엘
리먼트 등의 각 문서 엘리먼트를 나타낸다.
 자바스크립트 코드에서는 동적인 HTML을 만들어
내기 위해 DOM 객체에 접근해서 조작할 수 있다.

codin9cafe[2015.05.20]Dom - 안민영

  • 1.
  • 2.
    The HTML DOM(Document Object Model) HTML문서를 읽고 조작하는 객체의 집합이다
  • 5.
    document html body  div div  div head  Id=“slot”  id=“slotcolor”  Id=“tableslot”
  • 10.
    document html body  div div div  Id=“slot”  id=“slotcolor”  Id=“tableslot” head  div
  • 14.
     DOM(Document ObjectModel)은 HTML 문서의 모든 요소에 접근하는 방법을 정의한 API다  DOM tree 구성을 하고 있어서  Document. 으로 모든 element 접근  DOM 객체는 텍스트와 이미지, 하이퍼링크, 폼 엘 리먼트 등의 각 문서 엘리먼트를 나타낸다.  자바스크립트 코드에서는 동적인 HTML을 만들어 내기 위해 DOM 객체에 접근해서 조작할 수 있다.

Editor's Notes

  • #3 HTML 문서를 구성하는 최소단위를 노드라고 하며 노드끼리 계층을 이루고 이 계층이 모여 하나의 문서가 완성된다. 위 그림에서 사각형 하나가 노드이다. 노드는 다음과 같이 분류된다
  • #15 HTML 문서를 구성하는 최소단위를 노드라고 하며 노드끼리 계층을 이루고 이 계층이 모여 하나의 문서가 완성된다. 위 그림에서 사각형 하나가 노드이다. 노드는 다음과 같이 분류된다