XML DOM appendChild() روش

تعریف و استفاده

appendChild() این روش یک فرزند جدید به لیست فرزندان نقطه اضافه می‌کند.

توجه:اگر newchild اگر در درخت وجود دارد، ابتدا آن را حذف کنید.

نحوه استفاده

nodeObject.appendChild(newchild)
پارامترها توضیحات
newchild نقطه‌ای که باید اضافه شود.

جزئیات فنی

نسخه DOM: Core Level 1 Node Object. در DOM Level 3 تغییر داده شده.
مقدار بازگشتی: مجموعه Node. نقطه اضافه شده.

مثال

مثال 1

ممکن است کد زیر "books.xml" را به xmlDoc بارگذاری کند، و یک نقطه (<edition>) ایجاد کند، و آن را به آخرین فرزند نقطه اولین <book> اضافه کند:

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

عیناً کچھ کرسک اور کچھ تجربہ کریں

مثال 2

将子节点追加到所有 <book> 节点:

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 x, y, z, i, xLen, yLen, newEle, newText, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.getElementsByTagName("book");
    xLen = x.length;
    for (i = 0; i < xLen; i++) { 
        newEle = xmlDoc.createElement("edition");
        newText = xmlDoc.createTextNode("first");
        newEle.appendChild(newText);
        x[i].appendChild(newEle);
    }
    // 输出所有 title 和 edition
    y = xmlDoc.getElementsByTagName("title");
    yLen = y.length
    z = xmlDoc.getElementsByTagName("edition");
    for (i = 0; i < yLen; i++) { 
        txt += y[i].childNodes[0].nodeValue + 
        " - Edition: " + 
        z[i].childNodes[0].nodeValue + "<br>";
    }
    document.getElementById("demo").innerHTML = txt; 
}

عیناً کچھ کرسک اور کچھ تجربہ کریں

براؤزر پشتیبندی

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
پشتیبندی پشتیبندی پشتیبندی پشتیبندی پشتیبندی

تمام معروف براؤزرز اپنے میں appendChild() طریق کا استعمال کرتے ہیں۔