Propiedad firstElementChild

La propiedad firstElementChild contiene el primer elemento hijo. Se consideran elementos hijos todas las etiquetas que se encuentran directamente dentro del bloque. Si el elemento no tiene elementos hijos - devuelve null.

Sintaxis

elemento.firstElementChild;

Ejemplo

Obtengamos el contenido del primer hijo del elemento:

<div id="parent">
	<p>1</p>
	<p>2</p>
</div>

let parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;

console.log(text);

Resultado de la ejecución del código:

'1'

Ejemplo

Y ahora el elemento no tiene elementos hijos y por lo tanto se mostrará null:

<div id="parent"></div>

let parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

Resultado de la ejecución del código:

null

Ver también

propiedad lastElementChild,
que contiene el último elemento
propiedad children,
que contiene todos los hijos del elemento
propiedad firstChild,
que contiene el primer nodo