Node.children es una propiedad de sólo lectura que retorna una HTMLCollection "viva" de los elementos hijos de un Node.

Sintaxis

var children = node.children; 

children es una HTMLCollection, que es una colección ordenada de los elementos DOM que son hijos de node. Si no hay elementos hijos, entonces children no contendrá elementos y su longitud ( length )  será 0.

Ejemplo

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

Polyfill

// Sobrescribe el prototipo 'children' nativo.
// Añade soporte para Document y DocumentFragment en IE9 y Safari.
// Devuelve un array en lugar de 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);

Especificación

Especificación Estado Observaciones
DOM
La definición de 'ParentNode.children' en esta especificación.
Living Standard Definición Inicial

Compatibilidad con navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Edge Opera Safari
Soporte básico (en Element) 1.0 3.5 (1.9.1) 9.0 [1] 38.0 10.0 4.0
Soporte en Document y DocumentFragment 29.0 25.0 (25.0) Sin soporte Sin soporte 16.0 Sin soporte
Soporte en SVGElement (Yes) (Yes) Sin soporte Sin soporte ? Sin soporte
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte básico (en Element) (Yes) 1.0 (1.9.1) (Yes) (Yes) (Yes)
Soporte básico Document y DocumentFragment (Yes) 25.0 (25.0) Sin soporte 16.0 Sin soporte

[1] Internet Explorer 6, 7 y 8 lo soportan, pero incluyen nodos Comment de manera errónea.

Ver también

Etiquetas y colaboradores del documento

Etiquetas: 
Colaboradores en esta página: AlePerez92, aeroxmotion, Grijander81
Última actualización por: AlePerez92,