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 | Sí | Sí | Sí | Sí | Sí |
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 |
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