XML DOM appendChild() Method
❮ วัตถุธาตุ
ตัวอย่าง
โค้ดย่อยต่อไปนี้โหลด " 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;
}
ผลลัพธ์ของโค้ดด้านบนจะเป็น:
edition
ความหมายและการใช้งาน
appendChild() วิธีการเพิ่มโหนดหลังโหนดลูกสุดท้ายของโหนดองค์ประกอบที่ระบุ
เมธอดนี้ส่งคืนโหนดย่อยใหม่
ไวยากรณ์
appendChild(node)
Parameter | Description |
---|---|
node | Required. The node to append |
ตัวอย่าง
โค้ดย่อยต่อไปนี้โหลด " books.xml " ลงใน xmlDoc และผนวกโหนดใหม่เข้ากับองค์ประกอบ <book> ทั้งหมด:
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;
}
ผลลัพธ์ของโค้ดด้านบนจะเป็น:
Everyday Italian - Edition: First
Harry Potter - Edition: First
XQuery Kick Start - Edition: First
Learning XML - Edition: First
❮ วัตถุธาตุ