XML DOM appendChild() Metode
Objek Elemen
Contoh
Fragmen kode berikut memuat " books.xml " ke dalam xmlDoc dan membuat simpul (<edition>), dan menambahkannya setelah anak terakhir dari simpul <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 xmlDoc = xml.responseXML;
var newel =
xmlDoc.createElement("edition");
var x =
xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);
document.getElementById("demo").innerHTML =
x.getElementsByTagName("edition")[0].nodeName;
}
Output dari kode di atas akan menjadi:
edition
Definisi dan Penggunaan
Metode appendChild() menambahkan simpul setelah simpul anak terakhir dari simpul elemen yang ditentukan.
Metode ini mengembalikan simpul anak baru.
Sintaksis
appendChild(node)
Parameter | Description |
---|---|
node | Required. The node to append |
Contoh
Fragmen kode berikut memuat " books.xml " ke dalam xmlDoc dan menambahkan simpul baru ke semua elemen <book>:
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
myFunction(xhttp);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
var x, y, z, i, newel, newtext, xmlDoc, txt;
xmlDoc = xml.responseXML;
txt = "";
x = xmlDoc.getElementsByTagName("book");
for (i = 0; i
< x.length; i++) {
newel =
xmlDoc.createElement("edition");
newtext = xmlDoc.createTextNode("first");
newel.appendChild(newtext);
x[i].appendChild(newel);
}
//
Output all titles and editions
y =
xmlDoc.getElementsByTagName("title");
z =
xmlDoc.getElementsByTagName("edition");
for (i = 0; i
< y.length; i++) {
txt +=
y[i].childNodes[0].nodeValue +
" - Edition: " +
z[i].childNodes[0].nodeValue
+ "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
Output dari kode di atas akan menjadi:
Everyday Italian - Edition: First
Harry Potter - Edition: First
XQuery Kick Start - Edition: First
Learning XML - Edition: First
Objek Elemen