Los últimos tutoriales de desarrollo web
 

HTML DOM childNodes Propery

<Elemento de objeto

Ejemplo

Obtener una colección de la <body> nodos hijo del elemento:

var c = document.body.childNodes;
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

La propiedad childNodes devuelve una colección de nodos hijos de un nodo, como un objeto NodeList.

Los nodos de la colección están ordenados como aparecen en el código fuente y se puede acceder por los números de índice. El índice comienza en 0.

Nota: El espacio en blanco en el interior de los elementos es considerado como texto, y el texto se considera como nodos. Los comentarios también son considerados como nodos.

Consejo: Puede utilizar la longitud de la propiedad del objeto NodeList para determinar el número de nodos hijo, entonces se puede recorrer todos los nodos secundarios y extraer la información que desee.

Esta propiedad es de solo lectura.

Consejo: Para devolver una colección de nodos de elemento de un nodo (excluding text and comment nodes) , utilice el niños propiedad.

Consejo: .childNodes elemento [0] producirán el mismo resultado que el firstChild propiedad.


Soporte del navegador

Propiedad
childNodes

Sintaxis

element .childNodes

Detalles técnicos

Valor de retorno: Un objeto NodeList, que representa una colección de nodos. Los nodos de la colección devuelta se clasifican como aparecen en el código fuente
Versión DOM Nivel básico 1 Elemento de objetos

Ejemplos

Más ejemplos

Ejemplo

Para saber cuántos nodos hijos de un <div> elemento tiene:

var c = document.getElementById("myDIV").childNodes.length;

El resultado de c será:

5
Inténtalo tú mismo "

Ejemplo

Cambiar el color de fondo del segundo nodo hijo (index 1) de un <div> elemento:

var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
Inténtalo tú mismo "

Ejemplo

Obtener el texto del tercer nodo hijo (index 2) de un <select> elemento:

var c = document.getElementById("mySelect").childNodes[2].text;

El resultado de c será:

Saab
Inténtalo tú mismo "

Páginas relacionadas

Referencia HTML DOM: nodo. firstChild propiedad

Referencia HTML DOM: nodo. lastChild propiedad

Referencia HTML DOM: nodo. parentNode propiedad

Referencia HTML DOM: nodo. nextSibling propiedad

Referencia HTML DOM: nodo. previousSibling propiedad

Referencia HTML DOM: nodo. nombreNodo propiedad


<Elemento de objeto