Exemple
Obtenez le contenu HTML du dernier élément enfant d'un <ul> élément:
var x = document.getElementById("myList").lastElementChild.innerHTML;
Le résultat de x sera:
Tea
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété firstElementChild retourne le dernier élément enfant de l'élément spécifié.
La différence entre cette propriété et lastChild , est que lastChild retourne le dernier 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 last) , tandis que lastElementChild retourne le dernier 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é.
Astuce: Pour revenir le premier élément enfant d'un élément spécifié, utilisez la firstElementChild propriété.
Support du navigateur
Propriété | |||||
---|---|---|---|---|---|
lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Syntaxe
element .lastElementChild
Détails techniques
Valeur de retour: | Un objet de noeud 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 | Niveau de base 3 Element Traversal |
autres exemples
Exemple
Obtenez le nom de la balise du dernier élément enfant d'un <div> élément:
var x = document.getElementById( "myDIV" ).lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Le résultat de x sera:
SPAN
Essayez vous - même » Exemple
Obtenez le texte du dernier élément enfant d'un <select> élément:
var x = document.getElementById("mySelect").lastElementChild.text;
Le résultat de x sera:
Volvo
Essayez vous - même »