ParentNode.lastElementChild

La propiedad de sólo lectura ParentNode.lastElementChild retorna el último hijo del objeto Element o bien null si no hay elementos hijos.

Sintaxis

var childNode = elementNodeReference.lastElementChild; 

Ejemplo

<p id="para-01">
  <span>First span</span>
  <b>bold</b>
</p>

<script type="text/javascript">
  var p01 = document.getElementById('para-01');
  alert(p01.lastElementChild.nodeName)
</script>

En este ejemplo, la alerta muestra "B", que es el nombre de etiqueta del último nodo hijo del elemento párrafo ("P").

Polyfill para Internet Explorer 8

Esta propiedad no está soportada con anterioridad a IE9, así que el siguiente códigopuede ser usado para añadir el soporte a IE8:

// Source: https://github.com/Alhadis/Snippets/blob/master/js/polyfills/IE8-child-elements.js
if(!("lastElementChild" in document.documentElement)){
    Object.defineProperty(Element.prototype, "lastElementChild", {
        get: function(){
            for(var nodes = this.children, n, i = nodes.length - 1; i >= 0; --i)
                if(n = nodes[i], 1 === n.nodeType) return n;
            return null;
        }
    });
}

Especificación

Compatibilidad con navegadores

Ver también

• Los interfaces puros ParentNode y ChildNode.
• Tipos de objetos que implementan este interfaz puro: Document, Element, y DocumentFragment.