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

Especificación Estado Comentarios
DOM
La definición de 'Node.childNodes' en esta especificación.
Living Standard Sin cambios
Document Object Model (DOM) Level 3 Core Specification
La definición de 'Node.childNodes' en esta especificación.
Obsolete Sin cambios
Document Object Model (DOM) Level 2 Core Specification
La definición de 'Node.childNodes' en esta especificación.
Obsolete Sin cambios
Document Object Model (DOM) Level 1 Specification
La definición de 'Node.childNodes' en esta especificación.
Obsolete Definición inicial

Compatibilidad con navegadores

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Soporte básico Si121 Si Si Si
FeatureAndroid webviewChrome para AndroidEdge mobileFirefox para AndroidOpera AndroidiOS SafariSamsung Internet
Soporte básico Si Si ?4 Si Si Si

Vea también

Etiquetas y colaboradores del documento

Colaboradores en esta página: AlePerez92, presercomp
Última actualización por: AlePerez92,