Dom CORE : Objet Node.firstChild

La propriété javascript firstChild

Définition

L'attribut javascript firstChild de l'objet Node permet de connaître le premier noeud enfant d'un noeud.

Valeur retournée de firstChild

Valeur retournée

L'attribut javascript firstChild de l'objet Node retourne comme valeur un objet Node ou null si il n'a pas d'enfant.

Exemple de firstChild

Code

Premier exemple :
Exemple de code :
<p id="idChildNodes">Comment utiliser <b>firstChild</b> de l'objet <b>Node</b></p>
<script type="text/javascript">
<!--
var noeud = document.getElementById("idChildNodes")
document.write("Type="+ noeud.firstChild.nodeType +"<br>");
document.write("Valeur="+ noeud.firstChild.nodeValue +"<br>");
/*
Ecrit :
Type=3
Valeur=Comment utiliser
*/
//-->
</script>

Second exemple :
Exemple de code :
<p id="idChildNodes"><b>Comment utiliser firstChild</b> de l'objet <b>Node</b></p>
<script type="text/javascript">
<!--
var noeud = document.getElementById("idChildNodes")
document.write("Type="+ noeud.firstChild.nodeType +"<br>");
document.write("Valeur="+ noeud.firstChild.nodeValue +"<br>");
/*
Ecrit :
Type=1
Valeur= null
*/
//-->
</script>

Explication

On recupère le noeud dans une variable javascript "noeud" avec la méthode document.getElementById("idChildNodes").
Nous affichons le type du premier noeud fils (firstChild) grâce l'attribut javascript nodeType de l'objet Node aussi que sa valeur grâce l'attribut javascript nodeValue de l'objet Node.

Dans le second exemple de code la valeur du noeud fils est null car sont type est de type Objet Element.
Exemple de code :
document.write("Valeur=" +noeud.firstChild.firstChild.nodeValue+"<br>");