HTML DOM Element firstElementChild attributo

Definizione e uso

firstElementChild l'attributo restituisce il primo elemento figlio dell'elemento specificato.

firstElementChild l'attributo è readonly.

firstElementChild l'attributo restituisce il valore di children[0] stessi valori.

Vedi anche:

children attributo

childElementCount attributo

lastElementChild attributo

Proprietà tagName

Proprietà childNodes

Esempio

Esempio 1

Ottieni il contenuto HTML del primo figlio:

let text = element.firstElementChild.innerHTML;

Prova te stesso

Esempio 2

Ottieni il nome del tag del primo figlio di "myDIV":

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

Prova te stesso

Esempio 3

Ottieni il testo del primo figlio dell'elemento <select>:

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

Prova te stesso

Nodi HTML e elementi

In HTML DOMNel (Document Object Model), l'HTML documento è una raccolta di nodi che hanno (o non hanno) figli.

NodoSi riferisce ai nodi di elemento, di testo e di commento.

ElementoGli spazi tra gli elementi sono anche nodi di testo.

E gli elementi sono solo nodi di elemento.

Nodi figli e figli elementi

childNodes RestituisceNodi figliNodi di elemento, di testo e di commento.

children RestituisceFigliNon restituisce nodi di testo e commenti.

firstChild e firstElementChild

firstChild Restituisce il primoNodi figliNodi di elemento, di testo o di commento. Gli spazi tra gli elementi sono anche nodi di testo.

firstElementChild Restituisce il primoFigliNon restituisce nodi di testo e commenti.

lastChild e lastElementChild

lastChild Restituisce l'ultimoNodi figliNodi di elemento, di testo o di commento. Gli spazi tra gli elementi sono anche nodi di testo.

lastElementChild Restituisce l'ultimoFigliNon restituisce nodi di testo e commenti.

Sintassi

element.firstElementChild

Valore restituito

Tipo Descrizione
Node Il primo figlio dell'elemento. Se non ci sono figli, restituisce null.

Supporto del browser

element.firstElementChild È una caratteristica del DOM Level 3 (2004).

Tutti i browser lo supportano completamente:

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