คุณสมบัติXML DOM childNodes
❮ วัตถุโหนด
ตัวอย่าง
โค้ดย่อยต่อไปนี้โหลด " books.xml " ลงใน xmlDoc และแสดงโหนดย่อยของเอกสาร XML:
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, i, xmlDoc,
txt;
xmlDoc = xml.responseXML;
txt = "";
x = xmlDoc.childNodes;
for (i = 0; i < x.length; i++) {
txt += "Nodename: " + x[i].nodeName
+
" (nodetype: " + x[i].nodeType
+ ")";
}
document.getElementById("demo").innerHTML
= txt;
}
ผลลัพธ์ของโค้ดด้านบนจะเป็น:
Nodename: bookstore (nodetype: 1)
เอาต์พุต IE9 และรุ่นก่อนหน้า:
Nodename: xml (nodetype: 7)
Nodename: bookstore (nodetype: 1)
ความหมายและการใช้งาน
คุณสมบัติ childNodes ส่งคืน NodeList ของโหนดย่อยสำหรับโหนดที่ระบุ
เคล็ดลับ:คุณสามารถใช้คุณสมบัติ length เพื่อกำหนดจำนวนโหนดย่อย จากนั้นคุณสามารถวนรอบโหนดย่อยทั้งหมดและดึงข้อมูลที่คุณต้องการได้
รองรับเบราว์เซอร์
คุณสมบัติ childNodes ได้รับการสนับสนุนในเบราว์เซอร์หลักทั้งหมด
ไวยากรณ์
nodeObject.childNodes
รายละเอียดทางเทคนิค
คืนมูลค่า: | วัตถุ NodeList ที่แสดงถึงคอลเล็กชันของ nodes |
---|---|
เวอร์ชัน DOM | คอร์ระดับ 1 |
ทดลองด้วยตัวเอง
❮ วัตถุโหนด