XML DOM appendChild() metod

Definition och användning

appendChild() Metoden lägger till en nod efter den sista undernoden till den angivna elementnoden.

Denna metod returnerar den nya undernoden.

Syntaks

appendChild(nod)

Exempel

Exempel 1

Följande kod laddar "books.xml" till xmlDoc och skapar en nod (<edition>) som sedan läggas till efter den sista undernoden till den första <book>-noden:

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

Prova själv

Exempel 2

Följande kod laddar "books.xml" till xmlDoc och lägger till nya noder till alla <book>-element:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    om (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");
    för (i = 0; i < x.length; i++) {
        newel = xmlDoc.createElement("edition");
        newtext = xmlDoc.createTextNode("first");
        newel.appendChild(newtext);
        x[i].appendChild(newel);
    }
    // Utskriv alla title och edition
    y = xmlDoc.getElementsByTagName("title");
    z = xmlDoc.getElementsByTagName("edition");
    för (i = 0; i < y.length; i++) {
        txt += y[i].childNodes[0].nodeValue +
        " - Edition: " +
        z[i].childNodes[0].nodeValue + "<br>";
    }
    document.getElementById("demo").innerHTML = txt;
}

Prova själv