Elemento HTML DOM childNodes
L'oggetto elementoEsempio
Ottieni i nodi figlio dell'elemento <body>:
const nodeList = document.body.childNodes;
Altri esempi di seguito.
Definizione e utilizzo
La childNodes
proprietà restituisce una raccolta (elenco) di nodi figlio di un elemento.
La childNodes
proprietà restituisce un oggetto NodeList.
La childNodes
proprietà è di sola lettura.
Nota
Gli spazi bianchi all'interno degli elementi sono considerati nodi di testo.
Anche i commenti sono considerati nodi.
childNodes[0]
è lo stesso di firstChild
.
Una differenza
La childNodes
proprietà restituisce tutti i nodi figlio , inclusi i nodi di testo e i nodi di commento, mentre la children
proprietà restituisce solo gli elementi figlio .
Guarda anche:
La proprietà dei bambini Element
Elenco nodi
Una NodeList è una raccolta (elenco) simile a una matrice di oggetti nodo.
Un NodeList ha una proprietà length che restituisce il numero di nodi nell'elenco.
È possibile accedere ai nodi tramite numeri di indice. L'indice inizia da 0.
Sintassi
element.childNodes
Valore di ritorno
Tipo | Descrizione |
Oggetto | Una raccolta di nodi di oggetti NodeList . I nodi vengono ordinati come appaiono nel documento. |
Altri esempi
Il numero di nodi figlio in un elemento <div>:
let numb = document.getElementById("myDIV").childNodes.length;
Cambia il colore di sfondo del secondo nodo figlio:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Ottieni il testo del terzo nodo figlio di un elemento <select>:
let text = document.getElementById("mySelect").childNodes[2].text;
Pagine correlate
La proprietà dell'elemento parentNode
La proprietà dell'elemento nextSibling
Supporto del browser
element.childNodes
è 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