XML DOM Tingkat Lanjut

XML DOM Tingkat Lanjut XML DOM - Tingkat Lanjut Sebelumnya dalam tutorial ini, kami memperkenalkan XML DOM dan menggunakan metode getElementsByTagName() XML DOM untuk mengambil data dari dokumen XML. Dalam bab ini kita akan menggabungkan beberapa metode XML DOM penting lainnya. Anda dapat mempelajari lebih lanjut tentang XML DOM di tutorial XML DOM kami. Dapatkan nilai elemen dalam file XML yang digunakan dalam contoh berikut: books.xml. Contoh berikut mengambil nilai teks dari elemen <title> pertama: Contoh

 txt=xmlDoc.getElementsByTagName("judul")[0].childNodes[0].nodeValue;

Cobalah »

Dapatkan nilai atribut

Contoh berikut mengambil nilai teks atribut "lang" dari elemen <title> pertama:

Contoh

 txt=xmlDoc.getElementsByTagName("judul")[0].getAttribute("lang");

Cobalah »

Mengubah nilai suatu elemen

Contoh berikut mengubah nilai teks elemen <title> pertama:

Contoh

 x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];x.nodeValue="Mudah Memasak";

Cobalah »

Buat properti baru

Metode setAttribute() XML DOM dapat digunakan untuk mengubah nilai atribut yang ada, atau untuk membuat atribut baru.

Contoh berikut membuat atribut baru (edition="first") dan menambahkannya ke setiap elemen <book>:

Contoh

 x=xmlDoc.getElementsByTagName("book");for(i=0;i<x.length;i++){x[i].setAttribute("edition","first");}

Cobalah »

Buat elemen

Metode createElement() XML DOM membuat simpul elemen baru.

Metode createTextNode() XML DOM membuat node teks baru.

Metode appendChild() XML DOM menambahkan node anak ke sebuah node (setelah node anak terakhir).

Untuk membuat elemen baru dengan konten teks, buat node elemen baru dan node teks baru secara bersamaan, lalu tambahkan ke node yang sudah ada.

Contoh berikut membuat elemen baru (<edition>) dengan teks berikut: Pertama, lalu menambahkannya ke elemen <book> pertama:

Contoh

 newel=xmlDoc.createElement("edition");newtext=xmlDoc.createTextNode("Pertama");newel.appendChild(newtext);x=xmlDoc.getElementsByTagName("book");x[0].appendChild(newel);

Cobalah »

Contoh penjelasan

Buat elemen <edition>

Buat simpul teks dengan nilai "Pertama"

Tambahkan simpul teks ini ke elemen <edition> baru

Tambahkan elemen <edition> ke elemen <book> pertama

Hapus elemen

Contoh berikut menghapus node pertama dari elemen <book> pertama:

Contoh

 x=xmlDoc.getElementsByTagName("buku")[0];x.removeChild(x.childNodes[0]);

Cobalah »

Catatan: Hasil dari contoh di atas mungkin berbeda-beda tergantung browser yang digunakan. Firefox memperlakukan karakter baris baru sebagai node teks kosong, namun Internet Explorer tidak. Anda dapat membaca lebih lanjut tentang masalah ini dan cara menghindarinya di tutorial XML DOM kami.