Metode XML DOM appendChild()

Definisi dan penggunaan

appendChild() Metode ini menambahkan node setelah node anak terakhir dari elemen node yang ditentukan.

Metode ini mengembalikan node anak yang baru.

Sintaks

appendChild(node)

Contoh

Contoh 1

Kode di bawah ini akan memuat "books.xml" ke xmlDoc, dan membuat sebuah node (<edition>) lalu menambahkannya setelah node anak terakhir dari node <book> pertama:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   jika (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;
}

亲自试一试

Contoh 2

Kode di bawah ini akan mengLOAD "books.xml" ke xmlDoc dan menambahkan node 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 semua title dan edition
    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;
}

亲自试一试