Proprietà children del DOM HTML

Oggetto Elemento HTML DOM

childrenL'attributo figli restituisce una raccolta attiva HTML, che contiene tutti gli elementi figli dell'elemento genitore specificato.

Gli elementi nella raccolta sono ordinati secondo l'ordine in cui appaiono nel codice sorgente.

Puoi accedere agli elementi figli della raccolta utilizzando l'indice, e l'indice parte da 0.

Utilizzare l'attributo length per determinare il numero di elementi figli, poi è possibile esplorare tutti gli elementi figli.

Attenzione:Se l'elemento genitore non ha elementi figli, l'elenco dei figli è una lista vuota di lunghezza 0.

Questa proprietà è correlata achildNodesLa differenza tra i due è che childNodes contiene tutti i nodi, inclusi i nodi di testo e i commenti, mentre i figli contengono solo nodi elementi.

Sintassi:

ParentElement.children

var list = document.body.children;

Compatibilità del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo children:

Dettagli tecnici

Più esempi

Trova il numero di figli dell'elemento DIV:

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

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

var parent = document.querySelector("div");
var list = parent.children;
list[1].style.backgroundColor = "coral";

Modifica il testo del primo figlio dell'elemento DIV (indice 0):

var parent = document.querySelector("div");
var list = parent.children;
list[0].innerHTML = "HELLO WORLD";

Oggetto Elemento HTML DOM