Propiedad HTML DOM lastElementChild
Ejemplo
Obtenga el contenido HTML del último elemento secundario de un elemento <ul>:
var x = document.getElementById("myList").lastElementChild.innerHTML;
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad lastElementChild devuelve el último elemento secundario del elemento especificado.
La diferencia entre esta propiedad y lastChild es que lastChild devuelve el último nodo secundario como un nodo de elemento, un nodo de texto o un nodo de comentario (dependiendo de cuál sea el último), mientras que lastElementChild devuelve el último nodo secundario como un nodo de elemento (ignora texto y nodos de comentarios).
Esta propiedad es de sólo lectura.
Sugerencia: use la propiedad children para devolver cualquier elemento secundario de un elemento específico.
Sugerencia: para devolver el primer elemento secundario de un elemento específico, use la propiedad firstElementChild .
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sintaxis
element.lastElementChild
Detalles técnicos
Valor devuelto: | Un objeto Node, que representa el último elemento secundario de un elemento, o nulo si no hay elementos secundarios |
---|---|
Versión DOM | Recorrido de elementos de nivel básico 3 |
Más ejemplos
Ejemplo
Obtenga el nombre de la etiqueta del último elemento secundario de un elemento <div>:
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Ejemplo
Obtenga el texto del último elemento secundario de un elemento <select>:
var x = document.getElementById("mySelect").lastElementChild.text;