Ejemplo
Obtener el contenido HTML del primer elemento secundario de un <ul> elemento:
var x = document.getElementById("myList").firstElementChild.innerHTML;El resultado de x será:
Coffee Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad firstElementChild devuelve el primer elemento hijo del elemento especificado.
La diferencia entre esta propiedad y firstChild , es que firstChild devuelve el primer nodo hijo como un nodo de elemento, un nodo de texto o un nodo de comentario (depending on which one's first) , mientras que firstElementChild devuelve el primer 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. niños [0] producirán el mismo resultado que firstElementChild.
Consejo: Para devolver el último elemento secundario de un elemento especificado, utilice el lastElementChild propiedad.
Soporte del navegador
| Propiedad | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sintaxis
element .firstElementChildDetalles técnicos
| Valor de retorno: | Un objeto de nodo, que representa el primer 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 primer elemento secundario de un <div> elemento:
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;El resultado de x será:
P Inténtalo tú mismo " Ejemplo
Obtener el texto del primer nodo de elemento de un <select> elemento:
var x = document.getElementById("mySelect").firstElementChild.text;El resultado de x será:
Audi Inténtalo tú mismo "