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

elemento.firstElementChild;

Esempio

Otteniamo il contenuto del primo figlio dell'elemento:

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

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

console.log(text);

Risultato dell'esecuzione del codice:

'1'

Esempio

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

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

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

Risultato dell'esecuzione del codice:

null

Vedi anche

proprietà lastElementChild,
che contiene l'ultimo elemento
proprietà children,
che contiene tutti i discendenti dell'elemento
proprietà firstChild,
che contiene il primo nodo