ParentNode.children

La proprietà ParentNode children è una proprietà di sola lettura che restituisce una HTMLCollection dinamica che contiene tutti gli elements figli del nodo su cui è stato chiamato.

Sintassi

var children = node.children;

Valore

Una HTMLCollection che è dimanica, raccolta ordinata degli elementi DOM che sono figli di node. È possibile accedere ai singoli nodi figlio nella raccolta utilizzando il metodo item() nella collezione o utilizzando la notazione in stile array JavaScript.

Se il nodo non ha elementi figli, children è una lista vuota con una length di 0.

Esempio

var foo = document.getElementById('foo');
for (var i = 0; i < foo.children.length; i++) {
    console.log(foo.children[i].tagName);
}

Polyfill

// Sovrascrive il prototipo nativo di "children".
// Aggiunge il supporto Document e DocumentFragment per IE9 & Safari.
// Restituisce un array invece di una HTMLCollection.
;(function(constructor) {
    if (constructor &&
        constructor.prototype &&
        constructor.prototype.children == null) {
        Object.defineProperty(constructor.prototype, 'children', {
            get: function() {
                var i = 0, node, nodes = this.childNodes, children = [];
                while (node = nodes[i++]) {
                    if (node.nodeType === 1) {
                        children.push(node);
                    }
                }
                return children;
            }
        });
    }
})(window.Node || window.Element);

Specifiche

Specifica Stato Commento
DOM
The definition of 'ParentNode.children' in that specification.
Living Standard Definizione iniziale.

Compatibilità con i browser

BCD tables only load in the browser

Vedi anche