Propiedad lastElementChild del elemento HTML DOM

Definición y uso

lastElementChild La propiedad devuelve el último elemento hijo del elemento.

lastElementChild Las propiedades son de solo lectura.

Vea también:

propiedad children

propiedad firstElementChild

propiedad childElementCount

propiedad tagName

propiedad childNodes

Nodos HTML y elementos

En HTML DOMEn el (Modelo de Objetos de Documento) HTML, el documento HTML es una colección de nodos que (puede o no) tienen nodos hijos.

NodoSe refiere a los nodos de elemento, de texto y de comentario.

ElementoLos espacios en blanco entre ellos también son nodos de texto.

Mientras que el elemento es solo un nodo de elemento.

Nodo hijo y elemento hijo

childNodes DevuelveNodo hijo（Nodo de elemento, nodo de texto y nodo de comentario）。

children DevuelveElemento hijo（No nodos de texto ni de comentario）。

firstChild y firstElementChild

firstChild Devuelve el primeroNodo hijo（Nodo de elemento, nodo de texto o nodo de comentario）. Los espacios en blanco entre elementos también son nodos de texto.

firstElementChild Devuelve el primeroElemento hijo（No devuelve nodos de texto ni de comentario）。

lastChild y lastElementChild

lastChild Devuelve el últimoNodo hijo（Nodo de elemento, nodo de texto o nodo de comentario）. Los espacios en blanco entre elementos también son nodos de texto.

lastElementChild Devuelve el últimoElemento hijo（No devuelve nodos de texto ni de comentario）。

Ejemplo

Ejemplo 1

Obtener el contenido HTML del último elemento hijo del elemento <ul>:

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

Prueba por ti mismo

Ejemplo 2

Obtener el nombre de la etiqueta del último elemento hijo del elemento <div>:

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

Prueba por ti mismo

Ejemplo 3

Obtener el texto del último elemento hijo del elemento <select>:

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

Prueba por ti mismo

Sintaxis

element.lastElementChild

Valor devuelto

Tipo Descripción
Nodo El último elemento hijo del elemento.
null Si no hay hijos.

Compatibilidad del navegador

element.lastElementChild es una característica del DOM Level 3 (2004).

Todos los navegadores lo soportan completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9-11 Soporte Soporte Soporte Soporte