Attribut lastElementChild du DOM HTML

Objet Element HTML DOM

LelastElementChildAttribut en lecture seule retournant le dernier enfant de l'élément parent spécifié.

Si l'élément parent n'a pas d'enfants, cette méthode retourneranullvaleur.

UtilisezchildrenAttribut pour retourner tout enfant de l'élément parent.

Pour retourner le premier enfant de l'élément parent spécifié, utilisezfirstElementChildAttribut.

Syntaxe :

ParentElement.lastElementChild

<div>
　　　<p>C'est le P du DIV n°1un P</p>
　　　<p>C'est le P du DIV n°2un P</p>
　　　<p>C'est le P du DIV n°3un P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Compatibilité du navigateur

Tous les navigateurs prennent en charge intégralement l'attribut lastElementChild :

Détails techniques

Plus d'exemples

Obtenir le contenu HTML du dernier enfant de l'élément DIV :

<div>
　　　<p>C'est le P du DIV n°1un P</p>
　　　<p>C'est le P du DIV n°2un P</p>
　　　<p>C'est le P du DIV n°3un P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Modifier le contenu HTML du dernier enfant de l'élément DIV :

var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";

Références associées

Référence HTML DOMpropriété firstElementChild

Objet Element HTML DOM