Latest web development tutorials

Canggih XML DOM

XML DOM - Advanced

Dalam bab-bab awal tutorial ini , kami memperkenalkan XML DOM, dan menggunakan DOM Buka menu () metode XML untuk mengambil data dari dokumen XML.

Dalam bab ini kita akan menggabungkan sejumlah metode XML DOM penting lainnya.

Anda dapat di kami XML DOM tutorial untuk mempelajari lebih lanjut tentang pengetahuan XML DOM.

Mendapat nilai dari elemen

file XML yang digunakan dalam contoh berikut: yang Books.xml .

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

contoh

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

Coba »

Mendapat nilai properti

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

contoh

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

Coba »

Mengubah nilai elemen

Contoh berikut mengubah nilai teks pertama <title> elemen:

contoh

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";

Coba »

Buat properti baru

DOM setAttribute () metode XML dapat digunakan untuk mengubah nilai properti yang sudah ada, atau membuat properti baru.

Contoh berikut membuat atribut baru (edisi = "pertama"), dan kemudian menambahkannya ke setiap <buku> elemen:

contoh

x=xmlDoc.getElementsByTagName("book");

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

Coba »

Buat elemen

XML DOM createElement () metode menciptakan simpul elemen baru.

XML DOM createTextNode () metode menciptakan node teks baru.

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

Untuk membuat elemen baru dengan konten teks, Anda perlu membuat elemen elemen node baru dan node teks baru, dan kemudian ia menambahkan untuk node yang ada.

Contoh berikut membuat elemen baru (<edisi>), dengan teks berikut: Pertama, dan kemudian menambahkannya ke pertama <buku> elemen:

contoh

newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("First");
newel.appendChild(newtext);

x=xmlDoc.getElementsByTagName("book");
x[0].appendChild(newel);

Coba »

contoh menjelaskan

  • Buat <edisi> elemen
  • Menciptakan nilai "Pertama" simpul teks
  • Menambahkan node teks ke baru <edisi> elemen
  • The <Edisi> elemen ditambahkan ke pertama <buku> elemen

menghapus elemen

Contoh berikut menghapus pertama <buku> unsur node pertama:

contoh

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

Coba »

CATATAN: Contoh di atas dapat mengakibatkan tergantung pada browser dan berbeda.Firefox memperlakukan baris baru sebagai node teks kosong, Internet Explorer tidak terjadi. Anda bisa dalam kami XML DOM tutorial membaca lebih lanjut tentang masalah ini dan bagaimana untuk menghindarinya.