DOM (Document Object Model) - Kelompok12

1,692 views
1,592 views

Published on

Document Object Model

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,692
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
32
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

DOM (Document Object Model) - Kelompok12

  1. 1. DOM(DOCUMENT OBJECT MODEL)<br />
  2. 2. Bykelompok 12<br />I Wayan Bevin Waranugraha<br />(5108100046)<br />FenkiSugiarto<br /> (5108100126)<br />MahfudHarun<br /> (5108100163)<br />
  3. 3. DEFINITION (1)<br />Document Object Model (DOM) adalahrekomendasidari W3C untukmelakukanprosesterhadapdokumenterstrukturseperti XML dan HTML.<br />DOM didefinisikansebagaisebuahspesifikasiApplication Programming Interface (API) yang bebasbahasadan platform. DOM mendefinisikanstrukturlogikdokumensertacarauntukmelakukanmanipulasidanaksesterhadapdokumentersebut.<br />Dokument Object Model (DOM)adalahsebuah cross-platform danbahasa-konvensiindependenuntukmewakilidanberinteraksidenganobjekdalam HTML, XHTML dan XML dokumen. Aspekdari DOM (sepertidengan "Elements") dapatdiatasidandimanipulasidalamsintaksbahasapemrograman yang digunakan. Public Interface dari DOM ditetapkandalam Application Programming Interface (API).<br />
  4. 4. DEFINITION (2)<br />Document Object Model (DOM) adalah object model standaruntuk HTML dan XML yang bersifat platform independent.<br />Sebuah web browser tidakharusmenggunakan DOM untukmenampilkandokumen HTML. Namun DOM diperlukanoleh JavaScript yang akanmengubahtampilansebuah website secaradinamis. Dengankata lain, DOM adalahcara JavaScript melihatsuatuhalaman HTML.<br />DOMadalahAPIuntukdokumenHTMLdanXHTML.<br />DOM menyediakanrepresentasistrukturaldaridokumen, memungkinkanandauntukmemodifikasiisidantampilanvisualnya. Intinya, DOM menghubungkanhalaman web denganskripataubahasapemrograman<br />
  5. 5. ILUSTRATION<br />
  6. 6. What You Should Already Know ?<br />
  7. 7. SebelummempelajariDOM (Document Object Model), Andaharussudahmemahamidanmengertitentang:<br />HTML/XHTML<br />JavaScript<br />
  8. 8. What Are The DOM’s Level?<br />
  9. 9. DOM’S level adalah part/bagiandari DOM. Bagian – bagiantersebutadalah:<br />CORE DOM<br />Model standaruntuksemuadokumenterstruktur<br />HTML DOM<br />Model standaruntuk HTML dokumen<br />XML DOM<br />Model standaruntuk XML dokumen<br />
  10. 10. What Is HTML DOM?<br />
  11. 11. HTML DOM (1)<br />Model Objekstandaruntuk HTML<br />Interface programming standarDuntuk HTML<br />Merupakan platform danbahasaindependen<br />Merupakanstandar W3C (World Wide Web Consortium)<br />
  12. 12. HTML DOM (2)<br />HTML DOM menentukanobjekdanpropertidarielemen HTML, jugametode (interface) untukmengaksesnya<br />Dengankata lain: <br />HTML DOM adalahstandaruntukbagaimanamendapatkan, mengubah, menambah, ataumenghapusdokumen HTML<br />
  13. 13. What Is XML DOM?<br />
  14. 14. XML DOM<br />XML DOM menentukanobjekdanpropertidarisemuaelemen XML, jugametode (interface) untukmengaksesnya<br />
  15. 15. DOM Tree dan Node<br /><ul><li>XML dokumendapatdirepresentasikansebagaisebuah tree
  16. 16. Tree terdiridaribeberapa node
  17. 17. Ada 12 macamtipe node
  18. 18. Tiap node dapatberisikan node didalamnya
  19. 19. Uparentnodeberisikannodeanak</li></li></ul><li>Tipe Node<br /><ul><li>Processing instruction node
  20. 20. Document type node
  21. 21. Entity node
  22. 22. Entity reference node
  23. 23. CDATA section node
  24. 24. Notation node
  25. 25. Document node
  26. 26. Document Fragment node
  27. 27. Element node
  28. 28. Attribute node
  29. 29. Text node
  30. 30. Comment node</li></li></ul><li>Dom tree (action)<br />
  31. 31. DOM Tree Hierarchy<br /><ul><li>Dokumennodeberisi
  32. 32. Sebuah elemen node(root element node)
  33. 33. Satuataulebihproses node instruksi
  34. 34. Element node dapatberisi
  35. 35. element node lain
  36. 36. satuataulebihteks node
  37. 37. satuataulebihatribut node
  38. 38. An attributenodecontain
  39. 39. Sebuahtex node</li></li></ul><li>Sekian<br />TerimaKasih<br />

×