childNodes
XML DOM childNodes xususiyati
❮ Element obyekti
1-misol
Quyidagi kod fragmenti "books.xml" faylini xmlDoc’ga yuklaydi va "books.xml" faylidagi birinchi <title> elementidan matn tugunini oladi:
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 x = xmlDoc.getElementsByTagName("title")[0];
var y = x.childNodes[0];
document.getElementById("demo").innerHTML =
y.nodeValue;
}
Yuqoridagi kodning natijasi quyidagicha bo‘ladi:
Everyday Italian
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
childNodes xususiyati tanlangan tugunning bola tugunlarini o‘z ichiga olgan NodeList qaytaradi
Agar tanlangan tugunning bolalari bo‘lmasa, bu xususiyat hech qanday tugunni o‘z ichiga olmagan NodeList qaytaradi.
Sintaksis
elementNode.childNodesMaslahatlar va eslatmalar
Maslahat: childNodes ro‘yxatini sikl bilan aylanib chiqishda ota obyektning childNodes ro‘yxatidan bevosita foydalanishdan ko‘ra nextSibling xususiyatidan foydalanish samaraliroq.
Misol
Quyidagi kod fragmenti "books.xml" faylini xmlDoc’ga yuklaydi va "books.xml" faylidagi birinchi <book> elementining bola tugunlari sonini oladi:
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 x = xmlDoc.getElementsByTagName("book")[0].childNodes;
document.getElementById("demo").innerHTML =
x.length;
}
Yuqoridagi kodning natijasi quyidagicha bo‘ladi:
9
IE9 va undan oldingi versiyalarda yuqoridagi kodning natijasi quyidagicha bo‘ladi:
4
O‘zingiz sinab ko‘ring »
Firefox va boshqa ko‘pchilik brauzerlar bo‘sh joylar yoki yangi qatorlarni matn tugunlari sifatida qabul qiladi, Internet Explorer esa bunday qilmaydi. Shu sababli yuqoridagi misolda natija boshqacha bo‘ladi.
Brauzerlar o‘rtasidagi farqlar haqida ko‘proq o‘qish uchun XML DOM darsligimizdagi DOM brauzerlari bobiga tashrif buyuring.
❮ Element obyekti
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!