pengantar xml dom

3SC4 PNJ – Q5 Dudy Fathan Ali S.Kom

XML DOM3SC4 PNJ – Q5

Dudy Fathan Ali, S.Kom (DFA)2014

CEP - CCITFakultas Teknik Universitas Indonesia

XML DOM?


"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.

XML DOM Nodes


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.

XML DOM Nodes


• 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.

XML DOM Node Tree


• 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.

XML DOM Node Tree


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.

XML DOM Parser


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

XML DOM Parser


XML HTTP Request


Jika menggunakan browser Firefox, maka bisa menggunakan method XMLHttpRequest untuk load XML dan XSL kedalam HTML Document


Terima KasihDudy Fathan Ali S.Kom

[email protected]

mailto:[email protected]

pengantar xml dom

Technology