Propiedad HTML DOM firstElementChild
Ejemplo
Obtenga el contenido HTML del primer elemento secundario de un elemento <ul>:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad firstElementChild devuelve el primer elemento secundario del elemento especificado.
La diferencia entre esta propiedad y firstChild es que firstChild devuelve el primer nodo secundario como un nodo de elemento, un nodo de texto o un nodo de comentario (dependiendo de cuál sea el primero), mientras que firstElementChild devuelve el primer 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. children[0] producirá el mismo resultado que firstElementChild.
Sugerencia: para devolver el último elemento secundario de un elemento específico, use la propiedad lastElementChild .
Compatibilidad con navegador
| Property | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sintaxis
element.firstElementChild
Detalles técnicos
| Valor de retorno: | Un objeto Node, que representa el primer 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 primer elemento secundario de un elemento <div>:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Ejemplo
Obtenga el texto del nodo del primer elemento de un elemento <select>:
var x = document.getElementById("mySelect").firstElementChild.text;