XML DOM replaceChild() Metode
Objek Simpul
Contoh
Fragmen kode berikut memuat " books.xml " ke dalam xmlDoc dan menggantikan elemen <book> pertama:
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
var x, y, z, i, newNode, newTitle, newText,
xmlDoc, txt;
xmlDoc = xml.responseXML;
txt = "";
x = xmlDoc.documentElement;
// Create a book
element, title element and a text node
newNode = xmlDoc.createElement("book");
newTitle = xmlDoc.createElement("title");
newText = xmlDoc.createTextNode("A
Notebook");
// Add a text node to the title node
newTitle.appendChild(newText);
// Add the title node to the book node
newNode.appendChild(newTitle);
y = xmlDoc.getElementsByTagName("book")[0];
// Replace the first book node with the new book node
x.replaceChild(newNode,
y);
z = xmlDoc.getElementsByTagName("title");
// Output all titles
for (i = 0; i < z.length; i++) {
txt += z[i].childNodes[0].nodeValue
+ "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
Output dari kode di atas akan menjadi:
A Notebook
Harry Potter
XQuery Kick Start
Learning XML
Definisi dan Penggunaan
Metode replaceChild() menggantikan simpul anak dengan simpul baru.
Node baru dapat berupa node yang sudah ada dalam dokumen, atau Anda dapat membuat node baru.
Tip: Node anak yang diganti dapat disisipkan nanti ke elemen mana pun dalam dokumen yang sama. Gunakan metode insertBefore() atau appendChild() untuk menyisipkannya nanti ke dalam dokumen yang sama, atau gunakan metode adoptNode() atau importNode() untuk menyisipkan node yang diganti ke dalam dokumen lain.
Dukungan Peramban
Metode replaceChild() didukung di semua browser utama.
Sintaksis
nodeObject.replaceChild(newchild,oldchild)
Parameter
Parameter | Type | Description |
---|---|---|
newchild | Node object | Required. The new node to put in the child list |
oldchild | Node object | Required. The node that will be replaced in the child list |
Nilai Kembali
Type | Description |
---|---|
Node object | The replaced node (oldchild) |
Detail Teknis
Versi DOM | Objek Node Tingkat 1 Inti. Dimodifikasi di DOM Level 3 |
---|
Objek Simpul