Exemple
Obtenez le contenu HTML du premier élément enfant d'un <ul> élément:
var x = document.getElementById("myList").firstElementChild.innerHTML;Le résultat de x sera:
Coffee Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété firstElementChild renvoie le premier élément enfant de l'élément spécifié.
La différence entre cette propriété et firstChild , est que firstChild renvoie le premier nœud enfant comme un nœud d'élément, un nœud de texte ou d' un noeud de commentaire (depending on which one's first) en (ignores text and comment nodes) (depending on which one's first) , alors que firstElementChild renvoie le premier nœud enfant comme un nœud d'élément (ignores text and comment nodes) du (ignores text and comment nodes) .
Cette propriété est en lecture seule.
Astuce: Utilisez les enfants bien pour retourner tout élément enfant d'un élément spécifié. enfants [0] produiront le même résultat que firstElementChild.
Astuce: Pour revenir le dernier élément enfant d'un élément spécifié, utilisez la lastElementChild propriété.
Support du navigateur
| Propriété | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Syntaxe
element .firstElementChildDétails techniques
| Valeur de retour: | Un objet de noeud représentant le premier élément enfant d'un élément, ou null s'il n'y a pas d' éléments enfants |
|---|---|
| version DOM | Niveau de base 3 Element Traversal |
autres exemples
Exemple
Obtenez le nom de la balise du premier élément enfant d'un <div> élément:
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;Le résultat de x sera:
P Essayez vous - même » Exemple
Obtenez le texte du premier noeud d'élément d'un <select> élément:
var x = document.getElementById("mySelect").firstElementChild.text;Le résultat de x sera:
Audi Essayez vous - même »