Node.childNodes
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
La propiedad de solo lectura Node.childNodes devuelve una colección de hijos nodes del elemento dado donde el primer nodo hijo es asignado un índice 0.
Sintaxis
var nodeList = elementNodeReference.childNodes;
Ejemplos
Uso simple
// parg is an object reference to a <p> element
// First check that the element has child nodes
if (parg.hasChildNodes()) {
var children = parg.childNodes;
for (var i = 0; i < children.length; i++) {
// do something with each child as children[i]
// NOTE: List is live, adding or removing children will change the list
}
}
Eliminar todos los hijos de un nodo
// This is one way to remove all children from a node
// box is an object reference to an element
while (box.firstChild) {
//The list is LIVE so it will re-index each call
box.removeChild(box.firstChild);
}
Notas
Los items en una colección de nodos son objetos y no cadenas de caracteres. Para obtener los datos de los objetos del nodo, use sus propiedades (ej. elementNodeReference.childNodes[1].nodeName para obtener el nombre, etc.).
El objeto document contiene 2 hijos: la declaración del Doctype y el elemento raíz, generalmente referido como documentElement. (En documentos (X)HTML es el elemento HTML)
childNodes incluye todos los nodos hijos, incluidos los nodos no elementos, como nodos de tipo textos y comentarios. Para obtener una colección de solo elementos, use ParentNode.children.
Especificaciones
| Specification |
|---|
| DOM # ref-for-dom-node-childnodes① |
Compatibilidad con navegadores
Loading…