Propriété HTML DOM lastElementChild
Exemple
Obtenez le contenu HTML du dernier élément enfant d'un élément <ul> :
var x = document.getElementById("myList").lastElementChild.innerHTML;
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété lastElementChild renvoie le dernier élément enfant de l'élément spécifié.
La différence entre cette propriété et lastChild , est que lastChild renvoie le dernier nœud enfant en tant que nœud d'élément, un nœud de texte ou un nœud de commentaire (selon le dernier), tandis que lastElementChild renvoie le dernier 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é.
Conseil : Pour renvoyer le premier élément enfant d'un élément spécifié, utilisez la propriété firstElementChild .
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Syntaxe
element.lastElementChild
Détails techniques
Valeur de retour : | Un objet Node, représentant le dernier é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 dernier élément enfant d'un élément <div> :
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Exemple
Récupère le texte du dernier élément enfant d'un élément <select> :
var x = document.getElementById("mySelect").lastElementChild.text;