Dokumen ini menjelaskan tentang Document Object Model (DOM) untuk XML, yang merupakan antarmuka standar untuk mengakses dan memodifikasi elemen XML dalam bentuk struktur pohon. Setiap elemen dalam dokumen XML diidentifikasi sebagai node, dan dokumen dapat diubah melalui parser XML dalam berbagai bahasa pemrograman. Ditekankan bahwa interaksi dengan DOM memungkinkan manipulasi dinamis terhadap konten, struktur, dan gaya dari dokumen XML.

1. 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
XML DOM
3SC4 PNJ – Q5
Dudy Fathan Ali, S.Kom (DFA)
2014
CEP - CCIT
Fakultas Teknik Universitas Indonesia

2. XML DOM?
3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
"The W3C Document Object Model (DOM) is a
platform and language-neutral interface that allows
programs and scripts to dynamically access and update
the content, structure, and style of a document."
• DOM = Document Object Model
• Standard Object Model for XML
• Standard Programming Interface for XML
• Platform- and Language- Independent
• W3C Standard
The XML DOM is a standard for how to get, change, add, or
delete XML elements.

3. XML DOM Nodes
3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
Merujuk kepada Document Object Model, maka semua
yang ada pada XML adalah Node.
• Dokumen XML adalah Document Node.
• Setiap elemen XML adalah Element Node.
• Setiap text pada XML adalah Text Node.
• Setiap atribut pada XML adalah Attribute Node.
• Setiap komentar adalah Comment Node.

4. XML DOM Nodes
3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
• Root Node pada kode XML diatas adalah <pegawai>. Semua node yang
lain adalah bagian dari Root Node.
• Root Node memiliki 4 node lain yaitu <idpegawai>, <nama>, <alamat>
yang mana setiap node tersebut memiliki 1 Text Node.
• P001, Andini, dan Jakarta merupakan Text Node dan bukan merupakan
value dari setiap Element Node yang ada.

5. XML DOM Node Tree
3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
• XML DOM membaca XML Dokumen dalam bentuk Tree Structure yang
biasa disebut sebagai Node Tree.
• Semua node bisa dibaca dan dimodifikasi bahkan bisa ditambahkan lewat
Node Tree.
• Semua node didalam Node Tree memiliki relasi kepada node yang lain.
Beberapa contoh relasinya adalah : Parent, Child, dan Siblings.

6. XML DOM Node Tree
3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
Root Element
<pegawai>
Element
<idpegawai>
Element
<nama>
Element
<alamat>
Parent Node
firstChild
lastChild
nextSibling
previousSibling
childNodes
and leafNodes
• Node paling atas adalah Root Node
• Setiap node memiliki parent
(kecuali Root Node)
• Node bisa memiliki sejumlah Child
Node
• Leaf Node adalah node yang tidak
memiliki Child Node
• Siblings adalah Node dengan Parent
yang sama.

7. XML DOM Parser
3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
• Setiap browser biasanya memiliki XML Parser yang memungkinkan browser
untuk membaca dan memanipulasi XML Dokumen
• XML parser mengubah XML menjadi XML DOM Object yang bisa diakses
dengan Javascript, PHP, atau bahasa lainnya
• XML DOM hanya berjalan pada browser IE, jika anda menggunakan Firefox
gunakanlah method XHttpRequest()
Perhatikan kode berikut …

8. XML DOM Parser
3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom

9. XML HTTP Request
3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
Jika menggunakan browser Firefox, maka bisa menggunakan method
XMLHttpRequest untuk load XML dan XSL kedalam HTML Document

10. 3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom
Terima Kasih
Dudy Fathan Ali S.Kom
dudy.fathan@eng.ui.ac.id