Esempio
Prendi il contenuto HTML del primo elemento figlio di un <ul> elemento:
var x = document.getElementById("myList").firstElementChild.innerHTML;Il risultato di x sarà:
Coffee Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'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 un nodo elemento, un nodo di testo o di un nodo di commento (depending on which one's first) , mentre firstElementChild restituisce il primo nodo figlio come un nodo elemento (ignores text and comment nodes) .
Questa proprietà è di sola lettura.
Suggerimento: Utilizzare la figli proprietà per restituire qualsiasi elemento figlio di un elemento specificato. i bambini [0] produrranno lo stesso risultato di firstElementChild.
Suggerimento: per tornare l'ultimo elemento figlio di un elemento specifico, utilizzare la lastElementChild proprietà.
Supporto browser
| Proprietà | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sintassi
element .firstElementChildDettagli tecnici
| Valore di ritorno: | Un oggetto Node, che rappresenta il primo elemento figlio di un elemento, oppure null se non ci sono elementi figlio |
|---|---|
| DOM Version | Nucleo Livello 3 Elemento Traversal |
Altri esempi
Esempio
Ottenere il nome del tag del primo elemento figlio di un <div> elemento:
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;Il risultato di x sarà:
P Prova tu stesso " Esempio
Ottenere il testo del primo nodo di un elemento <select> elemento:
var x = document.getElementById("mySelect").firstElementChild.text;Il risultato di x sarà:
Audi Prova tu stesso "