Selasa, 30 Juni 2009

BASIC XML DOM

XML Dom mendefinisikan cara standar untuk mengakses dan memanipulasi dokumen XML.
Dom yang menyajikan sebuah dokumen XML sebagai struktur pohon.
Properties di DOM
  • x.firstchild : anak/turunan pertama dari x
  • x.lastchild : anak/turunan terakhir dari x
  • x.childnodes[a] : anak/turunan ke (a) dari x
  • x.parentnode : parent dari x / satu tingkat diatas x
  • x.innerHTML : teks nilai x
  • x.nodeName : nama dari x
  • x.nodevalue : nilai dari x
  • x.attributes : atribut dari node x

Contoh yang didalamnya terdapat beberapa properties DOM :

use_dom.html

<html>

<head>

<script language="JavaScript">

var obj = document.childNodes[0].childNodes[1].firstChild;

obj.style.color = "red";

</script>

<body>

<div> Wassup Bro? </div>

<p>I'm Fine bro...! </p>

</body>

</html>

penjelasan : var obj pada script Javascript menunjuk kepada tag div dalam file HTML tsb.

Dibawah ini merupakan “tree” form dari file HTML diatas :

document

|--html

|--head

|--body

|--div

|--p


jadi untuk mencapai tag 'div' diperlukan beberapa tahap :

1. mulai dari yang paling atas ("document");

2. turun ke cabang utama − tag <html> , atau "document.childNodes[0]";

3. lalu ke sub-cabang kedua − tag <body&gt , atau "document.childNodes[0].childNodes[1]";

4. lalu ke <div&gt − "document.childNodes[0].childNodes[1].childNodes[0]";