Derniers tutoriels de développement web
 

HTML DOM lastElementChild Propery

<Object Élément

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

Exemples

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 »

<Object Élément