ParentNode.lastElementChild

La propriété en lecture seule ParentNode.lastElementChild  renvoie  le dernier enfant de l'objet Element ou null s'il n'y a pas d'élément enfant.

Cette propriiété a été définie initialement dans la pure interface ElementTraversal. Comme cette interface contenait deux différents jeux de propriétés, l'un visant les  Node (noeuds) qui ont des enfants, l'autre les enfants, ils ont été déplacés dans deux interfaces pures, ParentNode et ChildNode. Dans ce cas, childElementCount a été rattaché à ParentNode. C'est un changement assez technique qui ne devrait pas affecter la compatibilité.

Syntaxe

var element = node.lastElementChild; 

Exemple

<ul id="foo">
  <li>First  (1)</li>
  <li>Second (2)</li>
  <li>Third  (3)</li>
</ul>

<script>
var foo = document.getElementById('foo');
// produit : Third  (3)
console.log(foo.lastElementChild.textContent);
</script>

Polyfill for IE8, IE9 and Safari

// Remplace le prototype "lastElementChild" natif.
// Ajout de Document & DocumentFragment pris en charge pour IE9 & Safari.
// Renvoie un tableau (array) à la place de HTMLCollection.
;(function(constructor) {
    if (constructor &&
        constructor.prototype &&
        constructor.prototype.lastElementChild == null) {
        Object.defineProperty(constructor.prototype, 'lastElementChild', {
            get: function() {
                var node, nodes = this.childNodes, i = nodes.length - 1;
                while (node = nodes[i--]) {
                    if (node.nodeType === 1) {
                        return node;
                    }
                }
                return null;
            }
        });
    }
})(window.Node || window.Element);

Spécification

Spécification Statut Commentaire
DOM
La définition de 'ParentNode.lastElementChild' dans cette spécification.
Standard évolutif Divise l'interface ElementTraversal en ChildNode et ParentNode. La propriété est maintenant définie sur cette dernière.
Les Document et DocumentFragment implémentent la nouvelle interface.
Element Traversal Specification
La définition de 'ElementTraversal.lastElementChild' dans cette spécification.
Obsolete Ajout de sa définition initiale à la pure interface ElementTraversal et de son utilisation sur Element.

Compatibilité des navigateurs

No compatibility data found for api.ParentNode.lastElementChild.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

Voir aussi