Proprietà childNodes dell'HTML DOM

childNodesL'attributo di sola lettura restituisce la raccolta di figli di un elemento dato, con l'indice del primo figlio a 0.

I nodi nella raccolta sono ordinati secondo l'ordine di apparizione nel codice sorgente, possono essere acceduti tramite l'indice.

Determinare il numero di figli utilizzando l'attributo length, quindi è possibile esplorare tutti i figli e estrarre le informazioni necessarie.

Lo spazio bianco all'interno degli elementi è considerato testo, mentre il testo è considerato nodo. I commenti sono anche considerati nodi.

Per ottenere una raccolta di elementi (esclusi i nodi di testo e i commenti), utilizzarechildrenproprietà.

nodeSe .childNodes[0] produce lo stesso risultatofirstChildproprietà.

Sintassi:

node.childNodes

Esempio

var list = document.body.childNodes;

Tutti i browser supportano completamente l'attributo childNodes:

Proprietà
childNodes	È	È	È	È	È

Valore di ritorno:	Un oggetto NodeList, che rappresenta una raccolta di nodi
Versione DOM:	Livello DOM 1

Trova quante sono i figli dell'elemento DIV:

Esempio

var len = document.querySelector("div").childNodes.length;

Cambia il colore di sfondo del secondo figlio dell'elemento DIV (indice 1):

Esempio

var nodes = document.querySelector("div").childNodes;
nodes[1].style.backgroundColor = "coral";