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

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Voir aussi

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