XML DOM appendChild() วิธี
คำนำออกและการใช้งาน
appendChild() วิธีเพิ่มตัวเลือกลูกขนานในหลังของตัวเลือกลูกขนานหลังสุดขององค์ประกอบ
วิธีนี้กลับค่าตัวเลือกลูกขนานใหม่
การใช้งาน
appendChild(node)
| ตัวเลือก | อธิบาย |
|---|---|
| node | ความจำเป็น ตัวเลือกที่ต้องการแอดเด้ง |
ตัวอย่าง
ในทุกตัวอย่างที่เราใช้ XML ไฟล์ books.xmlและฟังก์ชัน JavaScript loadXMLDoc()。
รหัสบทด้วยนั้นสร้างและแอดเด้งต่อหลักหน้า <book> แรก และออกแสดงทุกตัวเลือกในหลักหน้า <book> แรก:
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
var newel,newtext;
for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement('edition');
newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
x[i].appendChild(newel);
}
// ออกแสดงทั้งหมดหัวข้อและสัญลักษณ์
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - Edition: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}
ข้อความที่มีออกมาของรหัสดังกล่าว:
Everyday Italian - Edition: First Harry Potter - Edition: First XQuery Kick Start - Edition: First Learning XML - Edition: First
หมายเหตุ:Internet Explorer จะละเลยตัวองค์ประกอบข้อความว่างที่สร้างระหว่างตัวองค์ประกอบ (เช่น ตัวอักษรออกเช่นเดียวกัน) ในขณะที่ Mozilla ไม่ทำแบบนี้ ดังนั้น ในตัวอย่างดังกล่าว เราจะจัดการกับตัวองค์ประกอบเท่านั้น (nodeType ของตัวองค์ประกอบเท่ากับ 1)
ถ้าคุณต้องการข้อมูลเพิ่มเติมเกี่ยวกับความแตกต่างระหว่างเบราเซอร์ IE และ Mozilla โปรดเข้าชมตัวอย่าง XML DOM ที่ CodeW3C.com เบราเซอร์ DOM บทนี้
