Nodos secundarios del elemento HTML DOM
El objeto del elementoEjemplo
Obtenga los nodos secundarios del elemento <body>:
const nodeList = document.body.childNodes;
Más ejemplos a continuación.
Definición y uso
La childNodes
propiedad devuelve una colección (lista) de los nodos secundarios de un elemento.
La childNodes
propiedad devuelve un objeto NodeList.
La childNodes
propiedad es de solo lectura.
Nota
Los espacios en blanco dentro de los elementos se consideran nodos de texto.
Los comentarios también se consideran nodos.
childNodes[0]
es lo mismo que firstChild
.
Una diferencia
La childNodes
propiedad devuelve todos los nodos secundarios , incluidos los nodos de texto y los nodos de comentarios, mientras que la children
propiedad solo devuelve los elementos secundarios .
Ver también:
lista de nodos
Una lista de nodos es una colección (lista) similar a una matriz de objetos de nodo.
Una lista de nodos tiene una propiedad de longitud que devuelve el número de nodos de la lista.
Se puede acceder a los nodos por números de índice. El índice comienza en 0.
Sintaxis
element.childNodes
Valor devuelto
Escribe | Descripción |
Objeto | Una colección de nodos de objetos NodeList . Los nodos se ordenan tal como aparecen en el documento. |
Más ejemplos
El número de nodos secundarios en un elemento <div>:
let numb = document.getElementById("myDIV").childNodes.length;
Cambia el color de fondo del segundo nodo secundario:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Obtenga el texto del tercer nodo secundario de un elemento <select>:
let text = document.getElementById("mySelect").childNodes[2].text;
páginas relacionadas
La propiedad del elemento parentNode
La propiedad nextSibling del elemento
Compatibilidad con navegador
element.childNodes
es una característica DOM Nivel 1 (1998).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
El objeto del elemento