XML DOM appendChild() Method

Definisyon at Paggamit

appendChild() Ang paraan na ito ay magdaragdag ng kategorya sa huling anak ng tinukoy na kategorya ng elemento.

Ang paraan na ito ay ibibigay ang bagong anak na kategorya.

Gramata

appendChild(node)

Eskwela

Mga Halimbawa 1

Ang mga sumusunod na kodigo ay maglalaad ng "books.xml" sa xmlDoc, at maglilikha ng isang <edition> na kategorya, at magdaragdag nito sa huling anak ng unang <book> kategorya:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   kung ang.readyState ay 4 at ang status ay 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;
}

亲自试一试

Halimbawa 2

Ang sumusunod na kodigo ay maglalaad ng "books.xml" sa xmlDoc at magdagdag ng bagong node sa lahat ng <book> element:

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

亲自试一试