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 …
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