Bambini dell'elemento HTML DOM
L'oggetto elementoEsempio
Ottieni una raccolta dei figli dell'elemento <body>:
const collection = document.body.children;
Altri esempi di seguito.
Definizione e utilizzo
La childrenproprietà restituisce una raccolta di elementi figlio di un elemento.
La childrenproprietà restituisce un oggetto HTMLCollection.
Una differenza
La childNodesproprietà restituisce tutti i nodi figlio , inclusi i nodi di testo e i nodi di commento, mentre la childrenproprietà restituisce solo gli elementi figlio .
Guarda anche:
La proprietà Element childNodes
Collezione HTML
Una HTMLCollection è una raccolta di nodi HTML.
È possibile accedere ai nodi in una raccolta tramite numeri di indice. L'indice inizia da 0.
La proprietà length restituisce il numero di elementi nella raccolta.
Sintassi
element.children
Valore di ritorno
| Tipo | Descrizione |
| Oggetto | Un oggetto HTMLCollection. La raccolta di nodi elemento. Gli elementi vengono ordinati come appaiono nel documento. |
Altri esempi
Scopri quanti figli ha un elemento <div>:
var c =
document.getElementById("myDIV").children.length;
Cambia il colore di sfondo del secondo elemento figlio di un elemento <div>:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Ottieni il testo del terzo elemento figlio (indice 2) di un elemento <select>:
var c = document.getElementById("mySelect").children[2].text;
Passa in rassegna tutti i bambini di <body> e cambia il loro colore di sfondo in rosso:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
Pagine correlate
Riferimento HTML DOM: proprietà childNodes
Supporto browser
element.childrenè una funzionalità DOM di livello 1 (1998).
È completamente supportato in tutti i browser:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |
L'oggetto elemento