Proprietà XML DOM childNodes
❮ Oggetto Elemento
Esempio 1
Il seguente frammento di codice carica " books.xml " in xmlDoc e ottiene il nodo di testo dal primo elemento <title> 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;
}
L'output del codice sopra sarà:
Everyday Italian
Definizione e utilizzo
La proprietà childNodes restituisce un NodeList contenente i nodi figlio del nodo selezionato
Se il nodo selezionato non ha figli, questa proprietà restituisce un NodeList che non contiene nodi.
Sintassi
elementNode.childNodes
Suggerimenti e note
Suggerimento: per scorrere un elenco childNodes, è più efficiente utilizzare la proprietà nextSibling piuttosto che utilizzare esplicitamente l'elenco childNodes dell'oggetto padre.
Esempio
Il seguente frammento di codice carica " books.xml " in xmlDoc e ottiene il numero di nodi figlio dal primo elemento <book> 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;
}
L'output del codice sopra sarà:
9
In IE9 e precedenti, l'output del codice precedente sarà:
4
Firefox e la maggior parte degli altri browser tratteranno gli spazi vuoti o le nuove righe come nodi di testo, Internet Explorer no. Quindi, nell'esempio sopra, l'output sarà diverso.
Per saperne di più sulle differenze tra i browser, visita il nostro capitolo Browser DOM nel nostro tutorial DOM XML.
❮ Oggetto Elemento