Esempio
Ottenere una collezione del <body> figli dell'elemento:
var c =
document.body.children; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà figli restituisce un insieme di elementi figlio di un elemento, come un oggetto HTMLCollection.
Gli elementi della collezione sono ordinati come appaiono nel codice sorgente ed è possibile accedervi da numeri di indice. L'indice parte da 0.
Suggerimento: è possibile utilizzare la proprietà length dell'oggetto HTMLCollection per determinare il numero di elementi secondari, quindi è possibile scorrere tutti i bambini ed estrarre le informazioni che desidera.
La differenza tra questa proprietà e childNodes , è che childNodes contengono tutti i nodi, compresi i nodi di testo e nodi di commento, mentre i bambini contengono solo nodi elemento.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| children | 2.0 | 9,0 * | 3.5 | 4.0 | 10.0 |
* Nota: la proprietà dei bambini è pienamente supportato in IE6 a IE8. Tuttavia, in queste versioni, restituisce nodi elemento e nodi di commento. IE9 + restituisce solo nodi elemento.
Sintassi
element .childrenDettagli tecnici
| Valore di ritorno: | Un oggetto HTMLCollection dal vivo, rappresenta un insieme di nodi elemento. Gli elementi della collezione restituita sono ordinati come appaiono nel codice sorgente |
|---|---|
| DOM Version | Nucleo Livello 1 elemento OBJECT |
Altri esempi
Esempio
Scopri quanti bambini un <div> elemento ha:
var c =
document.getElementById("myDIV").children.length;Il risultato di C sarà:
2 Prova tu stesso " Esempio
Cambiare il colore del secondo elemento figlio di un fondo <div> elemento:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow"; Prova tu stesso " Esempio
Prendi il testo del terzo elemento figlio (index 2) di un <select> elemento:
var c = document.getElementById("mySelect").children[2].text;Il risultato di C sarà:
Saab Prova tu stesso " Esempio
Loop attraverso tutti figli di <body> e cambiare il loro colore di sfondo rosso:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++)
{
c[i].style.backgroundColor = "red";
} Prova tu stesso " Pagine correlate
Di riferimento HTML DOM: childNodes Property