Metode XML DOM replaceChild()
definisi dan penggunaan
Metode replaceChild() digunakan untuk mengganti node anak lainnya.
Jika sukses, metode ini kembalikan node yang diganti, jika gagal, kembalikan null.
syarat:
elementNode.replaceChild(new_node,old_node)
| parameter | deskripsi |
|---|---|
| new_node | wajib. Tentukan node baru. |
| old_node | wajib. Tentukan anak node yang akan diganti. |
contoh
Dalam semua contoh, kami akan menggunakan berkas XML books.xmldan fungsi JavaScript loadXMLDoc()。
Kode di bawah ini menggantikan elemen <title> pertama dalam <book> pertama di "books.xml":
//periksa apakah node anak pertama adalah node elemen
fungsi get_firstchild(n)
{
x=n.firstChild;
saat (x.nodeType!=1)
{
x=x.nextSibling;
}
kembalikan x;
}
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0];
//buat elemen judul dan node teks
newNode=xmlDoc.createElement("title");
newText=xmlDoc.createTextNode("Giada's Family Dinners");
//tambahkan node teks ke node judul
newNode.appendChild(newText);
//replace the last node with the new node
x.replaceChild(newNode,get_firstchild(x));
y=xmlDoc.getElementsByTagName("title");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write("<br />");
}
Output:
Makan Malam Keluarga Giada Harry Potter XQuery Kick Start Learning XML
Keterangan:Internet Explorer akan mengabaikan node teks kosong yang dihasilkan antara node (seperti simbol enter), sedangkan Mozilla tidak melakukan hal ini. Oleh karena itu, di contoh di atas, kami membuat fungsi untuk membuat elemen anak yang benar.
Petunjuk:Untuk konten yang lebih banyak tentang perbedaan antara peramban IE dan Mozilla, kunjungi tutorial DOM XML di CodeW3C.com Peramban DOM Bagian ini.
