Los últimos tutoriales de desarrollo web
 

HTML DOM lastElementChild Propery

<Elemento de objeto

Ejemplo

Obtener el contenido HTML del último elemento secundario de un <ul> elemento:

var x = document.getElementById("myList").lastElementChild.innerHTML;

El resultado de x será:

Tea
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

La propiedad firstElementChild devuelve el último elemento hijo del elemento especificado.

La diferencia entre esta propiedad y lastChild , es que lastChild devuelve el último nodo hijo como un nodo de elemento, un nodo de texto o un nodo de comentario (depending on which one's last) , mientras que lastElementChild devuelve el último nodo hijo como un nodo de elemento (ignores text and comment nodes) .

Esta propiedad es de solo lectura.

Consejo: Utilice el niños propiedad para devolver cualquier elemento secundario de un elemento especificado.

Sugerencia: Para volver al primer elemento hijo de un elemento especificado, utilice el firstElementChild propiedad.


Soporte del navegador

Propiedad
lastElementChild 2.0 9.0 3.5 4.0 10.0

Sintaxis

element .lastElementChild

Detalles técnicos

Valor de retorno: Un objeto de nodo, que representa el último elemento hijo de un elemento, o null si no hay elementos secundarios
Versión DOM Nivel básico 3 Elemento Transversal

Ejemplos

Más ejemplos

Ejemplo

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

var x = document.getElementById( "myDIV" ).lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;

El resultado de x será:

SPAN
Inténtalo tú mismo "

Ejemplo

Obtener el texto del último elemento secundario de un <select> elemento:

var x = document.getElementById("mySelect").lastElementChild.text;

El resultado de x será:

Volvo
Inténtalo tú mismo "

<Elemento de objeto