codin9cafe[2015.05.20]Dom - 안민영
14
DOM ? Append? I KNOW ! 2015/5/20 안안안
-
Upload
codin9cafe -
Category
Technology
-
view
40 -
download
4
Transcript of codin9cafe[2015.05.20]Dom - 안민영
![Page 1: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/1.jpg)
DOM ? Ap-pend? I KNOW !
2015/5/20안민영
![Page 2: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/2.jpg)
The HTML DOM (Document Object Model)HTML 문서를 읽고 조작하는 객체의 집합이다
![Page 3: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/3.jpg)
![Page 4: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/4.jpg)
![Page 5: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/5.jpg)
document
html
body
div div div
head
Id=“slot” id=“slotcolor” Id=“tableslot”
![Page 6: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/6.jpg)
![Page 7: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/7.jpg)
![Page 8: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/8.jpg)
![Page 9: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/9.jpg)
![Page 10: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/10.jpg)
document
html
body
div div div Id=“slot” id=“slotcolor” Id=“tableslot”
head
div
![Page 11: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/11.jpg)
![Page 12: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/12.jpg)
![Page 13: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/13.jpg)
![Page 14: codin9cafe[2015.05.20]Dom - 안민영](https://reader036.fdocuments.net/reader036/viewer/2022062503/58ed739c1a28ab29078b4671/html5/thumbnails/14.jpg)
DOM(Document Object Model) 은 HTML 문서의 모든 요소에 접근하는 방법을 정의한 API 다 DOM tree 구성을 하고 있어서 Document. 으로 모든 element 접근 DOM 객체는 텍스트와 이미지 , 하이퍼링크 , 폼 엘리먼트 등의 각 문서 엘리먼트를 나타낸다 . 자바스크립트 코드에서는 동적인 HTML 을 만들어내기 위해 DOM 객체에 접근해서 조작할 수 있다 .