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
- Las interfaces
ParentNode
yChildNode
.