XML DOM appendChild() yöntemi

Tanım ve Kullanım

appendChild() Bu yöntem belirtilen element düğümünün en son alt düğümü ardından düğüm ekler.

Bu yöntem yeni bir alt düğüm döner.

Sözdizimi

appendChild(düğüm)

Örnek

Örnek 1

Aşağıdaki kod "books.xml" dosyasını xmlDoc içine yükler ve bir (<edition>) düğümü oluşturur, ardından bu düğümü ilk <book> düğümünün en son alt düğümü ardından ekler:

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;
}

Kişisel Deneyim

Örnek 2

Aşağıdaki kod "books.xml" dosyasını xmlDoc içine yükler ve yeni düğümü tüm <book> öğelerine ekler:

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);
    }
    // Çıktı ver all title ve 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;
}

Kişisel Deneyim