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

javascriptelemento.firstElementChild;

Ejemplo

Obtengamos el contenido del primer hijo del elemento:

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

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

console.log(text);

Resultado de la ejecución del código:

javascript'1'

Ejemplo

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

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

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

Resultado de la ejecución del código:

javascriptnull

Ver también