XML DOM childNodes Eiendom
❮ Elementvoorwerp
Voorbeeld 1
Die volgende kode fragment laai " books.xml " in xmlDoc en kry die teks nodus van die eerste <title> element in "books.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 xmlDoc = xml.responseXML;
var x =
xmlDoc.getElementsByTagName("title")[0];
var y =
x.childNodes[0];
document.getElementById("demo").innerHTML
=
y.nodeValue;
}
Die afvoer van die kode hierbo sal wees:
Everyday Italian
Definisie en gebruik
Die childNodes-eienskap gee 'n NodeList terug wat die kindnodes van die geselekteerde nodus bevat
As die geselekteerde nodus geen kinders het nie, gee hierdie eienskap 'n NodeList wat geen nodes bevat nie.
Sintaksis
elementNode.childNodes
Wenke en notas
Wenk: Om deur 'n childNodes-lys te loop, is dit meer doeltreffend om die nextSibling-eienskap te gebruik as om die childNodes-lys van die ouerobjek eksplisiet te gebruik.
Voorbeeld
Die volgende kode fragment laai " books.xml " in xmlDoc en kry die aantal kind nodusse vanaf die eerste <book> element in "books.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 xmlDoc = xml.responseXML;
var x =
xmlDoc.getElementsByTagName("book")[0].childNodes;
document.getElementById("demo").innerHTML =
x.length;
}
Die afvoer van die kode hierbo sal wees:
9
In IE9 en vroeër sal die afvoer van die kode hierbo wees:
4
Firefox, en die meeste ander blaaiers, sal leë spasies of nuwe reëls as teksnodes hanteer, maar Internet Explorer sal nie. Dus, in die voorbeeld hierbo, sal die uitset anders wees.
Om meer te lees oor die verskille tussen blaaiers, besoek ons DOM-blaaiers- hoofstuk in ons XML DOM-tutoriaal.
❮ Elementvoorwerp