Propriété HTML DOM firstElementChild
Exemple
Obtenez le contenu HTML du premier élément enfant d'un élément <ul> :
var x = document.getElementById("myList").firstElementChild.innerHTML;
Plus d'exemples "Essayez-le vous-même" 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 en tant que nœud d'élément, un nœud de texte ou un nœud de commentaire (selon le premier), tandis que firstElementChild renvoie le premier nœud enfant en tant que nœud d'élément (ignore le texte et nœuds de commentaire).
Cette propriété est en lecture seule.
Conseil : Utilisez la propriété children pour renvoyer tout élément enfant d'un élément spécifié. children[0] produira le même résultat que firstElementChild.
Conseil : Pour renvoyer le dernier élément enfant d'un élément spécifié, utilisez la propriété lastElementChild .
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Syntaxe
element.firstElementChild
Détails techniques
Valeur de retour : | Un objet Node, 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 | Traversée d'éléments de base de niveau 3 |
Plus d'exemples
Exemple
Obtenez le nom de la balise du premier élément enfant d'un élément <div> :
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Exemple
Obtenez le texte du premier nœud d'élément d'un élément <select> :
var x = document.getElementById("mySelect").firstElementChild.text;