appendChild()

XML DOM appendChild() metodi


❮ Element obyekti

Misol

Quyidagi kod fragmenti "books.xml" faylini xmlDoc’ga yuklaydi, tugun (<edition>) yaratadi va uni birinchi <book> tugunining oxirgi bolasidan keyin qo‘shadi:

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

Yuqoridagi kodning natijasi quyidagicha bo‘ladi:

edition
O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

appendChild() metodi ko‘rsatilgan element tugunining oxirgi bola tugunidan keyin tugun qo‘shadi.

Bu metod yangi bola tugunni qaytaradi.

Sintaksis

appendChild(node)

Parametr Tavsif
node Majburiy. Qo‘shiladigan tugun

Misol

Quyidagi kod fragmenti "books.xml" faylini xmlDoc’ga yuklaydi va barcha <book> elementlariga yangi tugun qo‘shadi:

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 all titles and editions     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; }

Yuqoridagi kodning natijasi quyidagicha bo‘ladi:

Everyday Italian - Edition: First Harry Potter - Edition: First XQuery Kick Start - Edition: First Learning XML - Edition: First
O‘zingiz sinab ko‘ring »


❮ Element obyekti

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!