Propriété XML DOM firstChild
❮ Objet nœud
Exemple
Le fragment de code suivant charge « books.xml » dans xmlDoc et affiche le nom de nœud du premier nœud enfant :
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
// Check if the first node is an element node
function get_firstchild(n)
{
var x = n.firstChild;
while (x.nodeType
!= 1) {
x = x.nextSibling;
}
return x;
}
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = get_firstchild(xmlDoc);
document.getElementById("demo").innerHTML =
"Nodename:
" + x.nodeName +
" (nodetype: " + x.nodeType + ")<br>";
}
La sortie du code ci-dessus sera :
Nodename: bookstore (nodetype: 1)
Définition et utilisation
La propriété firstChild renvoie le premier nœud enfant du nœud spécifié.
Syntaxe
nodeObject.firstChild
Conseils et remarques
Remarque : Firefox et la plupart des autres navigateurs traiteront les espaces vides ou les nouvelles lignes comme des nœuds de texte, contrairement à Internet Explorer. Ainsi, dans l'exemple ci-dessous, nous avons une fonction qui vérifie le type de nœud du premier nœud enfant.
Les nœuds d'élément ont un nodeType de 1, donc si le premier nœud enfant n'est pas un nœud d'élément, il passe au nœud suivant et vérifie si ce nœud est un nœud d'élément. Cela continue jusqu'à ce que le premier nœud enfant (qui doit être un nœud d'élément) soit trouvé. De cette façon, le résultat sera correct dans tous les navigateurs.
Conseil : Pour en savoir plus sur les différences entre les navigateurs, consultez notre chapitre sur les navigateurs DOM dans notre didacticiel XML DOM.
Démos à essayer soi-même
❮ Objet nœud