Proprietà HTML DOM firstElementChild
Esempio
Ottieni il contenuto HTML del primo elemento figlio di un elemento <ul>:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà firstElementChild restituisce il primo elemento figlio dell'elemento specificato.
La differenza tra questa proprietà e firstChild , è che firstChild restituisce il primo nodo figlio come nodo elemento, un nodo di testo o un nodo di commento (a seconda di quale è il primo), mentre firstElementChild restituisce il primo nodo figlio come nodo elemento (ignora il testo e nodi di commento).
Questa proprietà è di sola lettura.
Suggerimento: utilizza la proprietà children per restituire qualsiasi elemento figlio di un elemento specificato. children[0] produrrà lo stesso risultato di firstElementChild.
Suggerimento: per restituire l'ultimo elemento figlio di un elemento specificato, utilizzare la proprietà lastElementChild .
Supporto browser
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sintassi
element.firstElementChild
Dettagli tecnici
Valore di ritorno: | Un oggetto Node, che rappresenta il primo elemento figlio di un elemento, o null se non sono presenti elementi figlio |
---|---|
Versione DOM | Attraversamento dell'elemento di livello 3 di base |
Altri esempi
Esempio
Ottieni il nome del tag del primo elemento figlio di un elemento <div>:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Esempio
Ottieni il testo del primo nodo elemento di un elemento <select>:
var x = document.getElementById("mySelect").firstElementChild.text;