Esempio
Ottenere una collezione del <body> nodi figlio dell'elemento:
var c =
document.body.childNodes; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà childNodes restituisce un insieme di nodi figli di un nodo, come un oggetto NodeList.
I nodi della collezione sono ordinati come appaiono nel codice sorgente ed è possibile accedervi da numeri di indice. L'indice parte da 0.
Nota: Lo spazio bianco all'interno di elementi è considerato come testo, e il testo è considerato come nodi. I commenti sono anche considerati come nodi.
Suggerimento: È possibile utilizzare la lunghezza di proprietà dell'oggetto NodeList per determinare il numero di nodi figlio, quindi è possibile scorrere tutti i nodi secondari ed estrarre le informazioni che desidera.
Questa proprietà è di sola lettura.
Suggerimento: per restituire un insieme di nodi elemento di un nodo (excluding text and comment nodes) , utilizzare la figli di proprietà.
Suggerimento: .childNodes elemento [0] produrranno lo stesso risultato come il firstChild proprietà.
Supporto browser
| Proprietà | |||||
|---|---|---|---|---|---|
| childNodes | sì | sì | sì | sì | sì |
Sintassi
element .childNodesDettagli tecnici
| Valore di ritorno: | Un oggetto NodeList, rappresenta un insieme di nodi. I nodi della collezione restituita sono ordinati come appaiono nel codice sorgente |
|---|---|
| DOM Version | Nucleo Livello 1 elemento OBJECT |
Altri esempi
Esempio
Scoprire quante bambino nodi A <div> elemento ha:
var c =
document.getElementById("myDIV").childNodes.length;Il risultato di C sarà:
5 Prova tu stesso " Esempio
Cambiare il colore del secondo nodo figlio sfondo (index 1) di un <div> elemento:
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow"; Prova tu stesso " Esempio
Prendi il testo del terzo nodo figlio (index 2) di un <select> elemento:
var c = document.getElementById("mySelect").childNodes[2].text;Il risultato di C sarà:
Saab Prova tu stesso " Pagine correlate
Di riferimento HTML DOM: nodo. firstChild Proprietà
Di riferimento HTML DOM: nodo. lastChild Proprietà
Di riferimento HTML DOM: nodo. parentNode Proprietà
Di riferimento HTML DOM: nodo. nextSibling Proprietà
Di riferimento HTML DOM: nodo. previousSibling Proprietà
Di riferimento HTML DOM: nodo. nodeName proprietà