SlideShare una empresa de Scribd logo
1 de 19
DOM(DOCUMENT OBJECT MODEL)
Bykelompok 12 I Wayan Bevin Waranugraha (5108100046) FenkiSugiarto 	(5108100126) MahfudHarun 	(5108100163)
DEFINITION (1) Document Object Model (DOM) adalahrekomendasidari W3C untukmelakukanprosesterhadapdokumenterstrukturseperti XML dan HTML. DOM didefinisikansebagaisebuahspesifikasiApplication Programming Interface (API) yang bebasbahasadan platform. DOM mendefinisikanstrukturlogikdokumensertacarauntukmelakukanmanipulasidanaksesterhadapdokumentersebut. 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).
DEFINITION (2) Document Object Model (DOM) adalah object model standaruntuk HTML dan XML yang bersifat platform independent. Sebuah web browser tidakharusmenggunakan DOM untukmenampilkandokumen HTML. Namun DOM diperlukanoleh JavaScript yang akanmengubahtampilansebuah website secaradinamis. Dengankata lain, DOM adalahcara JavaScript melihatsuatuhalaman HTML. DOMadalahAPIuntukdokumenHTMLdanXHTML. DOM menyediakanrepresentasistrukturaldaridokumen, memungkinkanandauntukmemodifikasiisidantampilanvisualnya. Intinya, DOM menghubungkanhalaman web denganskripataubahasapemrograman
ILUSTRATION
What You Should Already Know ?
SebelummempelajariDOM (Document Object Model), Andaharussudahmemahamidanmengertitentang: HTML/XHTML JavaScript
What Are The DOM’s Level?
DOM’S level adalah part/bagiandari DOM. Bagian – bagiantersebutadalah: CORE DOM Model standaruntuksemuadokumenterstruktur HTML DOM Model standaruntuk HTML dokumen XML DOM Model standaruntuk XML dokumen
What Is HTML DOM?
HTML DOM (1) Model Objekstandaruntuk HTML Interface programming standarDuntuk HTML Merupakan platform danbahasaindependen Merupakanstandar W3C (World Wide Web Consortium)
HTML DOM (2) HTML DOM menentukanobjekdanpropertidarielemen HTML, jugametode (interface) untukmengaksesnya Dengankata lain:  HTML DOM adalahstandaruntukbagaimanamendapatkan, mengubah, menambah, ataumenghapusdokumen HTML
What Is XML DOM?
XML DOM XML DOM menentukanobjekdanpropertidarisemuaelemen XML, jugametode (interface) untukmengaksesnya
DOM Tree dan Node ,[object Object]
Tree terdiridaribeberapa node
Ada 12 macamtipe node
Tiap node dapatberisikan node didalamnya
Uparentnodeberisikannodeanak,[object Object]

Más contenido relacionado

Similar a Dom klp12

Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa webFani Heryati
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917rimaafauziaah
 
Web service as back end programming kemuning senja
Web service as back end programming kemuning senjaWeb service as back end programming kemuning senja
Web service as back end programming kemuning senjaalifha12
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016muslim rohadi
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982debbie95
 
Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasawebseptianarul
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa webfaisalawai
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyaniikasulistiyani
 
Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669dodyalfad
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web Nasrul Akbar
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487nurul azmi
 
Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832fahreza yozi
 
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008ISMAIL ALUWI
 
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545imeldafelicia
 

Similar a Dom klp12 (20)

Tugas 3 rekayasa web
Tugas 3 rekayasa webTugas 3 rekayasa web
Tugas 3 rekayasa web
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917
 
Web service as back end programming kemuning senja
Web service as back end programming kemuning senjaWeb service as back end programming kemuning senja
Web service as back end programming kemuning senja
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016
 
Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982Tugas8 ku-0316-debbiemistikaweni-1412510982
Tugas8 ku-0316-debbiemistikaweni-1412510982
 
Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasaweb
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
 
Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Makalah html5
Makalah html5Makalah html5
Makalah html5
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
 
Framework fb1
Framework fb1Framework fb1
Framework fb1
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
 
Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832
 
Makalah html 5
Makalah html 5Makalah html 5
Makalah html 5
 
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
 
Review Udemy Course #1
Review Udemy Course #1Review Udemy Course #1
Review Udemy Course #1
 
Tgs 2 rekweb
Tgs 2 rekwebTgs 2 rekweb
Tgs 2 rekweb
 
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545
 

Último

PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxsukmakarim1998
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfElaAditya
 
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5ssuserd52993
 
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..ikayogakinasih12
 
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfMODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfNurulHikmah50658
 
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajatLatihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajatArfiGraphy
 
Aksi nyata Malaikat Kebaikan [Guru].pptx
Aksi nyata Malaikat Kebaikan [Guru].pptxAksi nyata Malaikat Kebaikan [Guru].pptx
Aksi nyata Malaikat Kebaikan [Guru].pptxsdn3jatiblora
 
Keterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTKeterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTIndraAdm
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxRizkyPratiwi19
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfDimanWr1
 
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxKontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxssuser50800a
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxPurmiasih
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikaAtiAnggiSupriyati
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggeraksupriadi611
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxadimulianta1
 
Dinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapDinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapsefrida3
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAAndiCoc
 
CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7IwanSumantri7
 
Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1udin100
 
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptxMiftahunnajahTVIBS
 

Último (20)

PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
 
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
JAWAPAN BAB 1 DAN BAB 2 SAINS TINGKATAN 5
 
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
 
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfMODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
 
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajatLatihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
Latihan Soal bahasa Indonesia untuk anak sekolah sekelas SMP atau pun sederajat
 
Aksi nyata Malaikat Kebaikan [Guru].pptx
Aksi nyata Malaikat Kebaikan [Guru].pptxAksi nyata Malaikat Kebaikan [Guru].pptx
Aksi nyata Malaikat Kebaikan [Guru].pptx
 
Keterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTKeterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UT
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
 
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxKontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
 
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ikabab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
bab 6 ancaman terhadap negara dalam bingkai bhinneka tunggal ika
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggerak
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptx
 
Dinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapDinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genap
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
 
CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7
 
Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1
 
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
 

Dom klp12