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.

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

Compatibilité des navigateurs

Voir aussi

• Les interfaces pures ParentNode et ChildNode.
• Types d'objets implémentant cette interface pure : Document, Element et DocumentFragment.