วิธี XML DOM appendChild()
การเรียกใช้และการประกาศ
วิธี appendChild() สามารถใส่ตัวเลือกลูกใหม่ที่สุดในลำดับของตัวเลือกลูกของตัวเลือก
วิธีนี้สามารถกลับมาให้กับตัวเลือกลูกใหม่
รูปแบบ:
appendChild(newchild)
| ตัวแปร | รายละเอียด |
|---|---|
| newchild | ตัวเลือกที่เพิ่มเข้ามา |
ค่าที่กลับมา
ตัวเลือกที่เพิ่มเข้ามา
รายละเอียด
วิธีนี้จะใส่ตัวเลือก newchild ในเอกสาร ทำให้มันเป็นลูกของตัวเลือกปัจจุบันที่สุด
ถ้าตัวเลือก newchild มีอยู่ในต้นของเอกสาร มันจะถูกลบออกจากต้นของเอกสาร และใส่ใหม่ในตำแหน่งใหม่ของมัน ถ้า newchild คือตัวเลือก DocumentFragment มันจะไม่ถูกใส่เข้าไปโดยตรง แต่จะใส่ลูกของมันเข้าไปในลำดับที่สุดของจำนวน childNodes[] ของตัวเลือกปัจจุบัน
จงเห็นว่า ตัวเฉพาะของต้นของตัวเลือก (หรือตัวเลือกที่สร้างโดยต้นของเอกสาร) ไม่สามารถใส่เข้าไปในต้นของเอกสารอื่น ๆ ได้ นั่นคือ ตัวแปร ownerDocument ของ newchild ต้องเหมือนกับตัวแปร ownerDocument ของตัวเลือกปัจจุบัน
ตัวอย่าง
ฟังก์ชันด้านล่างจะใส่เนื้อหาใหม่ที่สุดในท้ายของเอกสาร:
function appendMessage (message) {
var pElement = document.createElement("p");
var messageNode = document.createTextNode(message);
pElement.appendChild(messageNode);
document.body.appendChild(pElement);
}
ตัวอย่าง
ในทุกตัวอย่างที่เราใช้ไฟล์ XML books.xmlและฟังก์ชัน JavaScript loadXMLDoc()。
รหัสที่อยู่ด้านล่างสามารถสร้างและเพิ่มโหมดใน <book> อันแรก และแสดงทุกโหมดลูกของ <book> อันแรก:
xmlDoc=loadXMLDoc("books.xml");
var newel=xmlDoc.createElement('edition');
var newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
var x=xmlDoc.getElementsByTagName('book')[0];
x.appendChild(newel);;
var y=x.childNodes;
for (var i=0;i<y.length;i++)
{
//แสดงเฉพาะตัวเลือกโครงสร้างเท่านั้น
if (y[i].nodeType==1)
{
document.write(y[i].nodeName);
document.write("<br />");
}
}
การแสดงผล：
title author year price edition
หมายเหตุ：Internet Explorer จะละเลยตัวเลือกของข้อความว่างที่สร้างระหว่างตัวเลือก (เช่น，สัญญาณบรรทัดว่าง) แต่ Mozilla จะไม่กระทำเช่นนั้น ดังนั้น ในตัวอย่างข้างต้น เราจะประมวลผลเฉพาะตัวเลือกโครงสร้าง (nodeType=1) ของอุปกรณ์เท่านั้น
คำเตือน：ถ้าคุณต้องการข้อมูลเพิ่มเติมเกี่ยวกับความแตกต่างของ XML DOM ระหว่าง IE และ Mozilla บราวเซอร์ โปรดเข้าเว็บไซต์ของเรา เครื่องเลือก DOM บราวเซอร์ บท.
