Propriété childNodes du DOM XML

Définition et utilisation

childNodes Cette propriété retourne un NodeList contenant les noeuds enfants du noeud sélectionné.

Si le noeud sélectionné n'a pas de noeuds enfants, cette propriété retourne un NodeList sans noeuds.

Astuce :Pour itérer sur la liste childNodes, utiliser la propriété nextSibling est plus efficace que d'utiliser explicitement la liste childNodes de l'objet parent.

Syntaxe

elementNode.childNodes

Exemple

Exemple 1

Le code suivant charge "books.xml" dans xmlDoc et récupère le texte du premier élément <title> de "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;
}

Essayer par vous-même

Exemple 2

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;
}

Essayer par vous-même

Firefox et la plupart des autres navigateurs considèrent les espaces blancs ou les retours chariots comme des nœuds de texte, tandis qu'Internet Explorer ne le fait pas. Par conséquent, la sortie sera différente dans l'exemple ci-dessus.

Pour plus d'informations sur les différences entre les navigateurs, veuillez consulter la section navigateurs du tutoriel XML DOM.