Proprietà firstElementChild

La proprietà firstElementChild contiene il primo elemento figlio. Sono considerati elementi figli tutti i tag che si trovano direttamente all'interno del blocco. Se l'elemento non ha elementi figli - viene restituito null.

Sintassi

javascriptelemento.firstElementChild;

Esempio

Otteniamo il contenuto del primo figlio dell'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);

Risultato dell'esecuzione del codice:

javascript'1'

Esempio

Ora l'elemento non ha elementi figli e quindi verrà visualizzato null:

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

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

Risultato dell'esecuzione del codice:

javascriptnull

Vedi anche