Atributo firstElementChild del elemento DOM HTML

Definición y uso

firstElementChild El atributo devuelve el primer elemento hijo del elemento especificado.

firstElementChild El atributo es de solo lectura.

firstElementChild El atributo devuelve el valor de children[0] los mismos valores.

Por favor, consulte:

children atributo

childElementCount atributo

lastElementChild atributo

Atributo tagName

Atributo childNodes

Ejemplo

Ejemplo 1

Obtener el contenido HTML del primer elemento hijo:

let text = element.firstElementChild.innerHTML;

Prueba por ti mismo

Ejemplo 2

Obtener el nombre del etiqueta del primer elemento hijo de "myDIV":

let text = document.getElementById("myDIV").firstElementChild.tagName;

Prueba por ti mismo

Ejemplo 3

Obtener el texto del primer elemento hijo del elemento <select>:

let text = document.getElementById("mySelect").firstElementChild.text;

Prueba por ti mismo

Nodos de HTML y elementos

En HTML DOMEn el (documento de objeto de HTML), el documento HTML es una colección de nodos que tienen (o no tienen) nodos hijos.

NodoSe refiere a nodos de elemento, texto y comentario.

ElementoLos espacios en blanco entre ellos también son nodos de texto.

y los elementos solo son nodos de elemento.

Nodos hijos y elementos hijos

childNodes DevuelveNodos hijosNodos de elemento, texto y comentario (nodos de elemento, texto y comentario).

children DevuelveElementos hijosNo devuelve nodos de texto ni comentarios (no devuelve nodos de texto ni comentarios).

firstChild y firstElementChild

firstChild Devuelve el primeroNodos hijosNodos de elemento, texto o comentario. Los espacios en blanco entre elementos también son nodos de texto.

firstElementChild Devuelve el primeroElementos hijosNo devuelve nodos de texto ni comentarios (no retorna nodos de texto ni comentarios).

lastChild y lastElementChild

lastChild Devuelve el últimoNodos hijosNodos de elemento, texto o comentario. Los espacios en blanco entre elementos también son nodos de texto.

lastElementChild Devuelve el últimoElementos hijosNo devuelve nodos de texto ni comentarios (no retorna nodos de texto ni comentarios).

Sintaxis

element.firstElementChild

Valor de retorno

Tipo Descripción
Node El primer elemento hijo del elemento. Si no hay hijos, devuelve null.

Compatibilidad del navegador

element.firstElementChild es una característica de DOM Level 3 (2004).

Todos los navegadores lo soportan completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9-11 Soporte Soporte Soporte Soporte