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 |
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 "