Hijos del elemento HTML DOM
El objeto del elementoEjemplo
Obtenga una colección de los elementos secundarios del elemento <body>:
const collection = document.body.children;
Más ejemplos a continuación.
Definición y uso
La childrenpropiedad devuelve una colección de los elementos secundarios de un elemento.
La childrenpropiedad devuelve un objeto HTMLCollection.
Una diferencia
La childNodespropiedad devuelve todos los nodos secundarios , incluidos los nodos de texto y los nodos de comentarios, mientras que la childrenpropiedad solo devuelve los elementos secundarios .
Ver también:
La propiedad ChildNodes del elemento
Colección HTML
Una HTMLCollection es una colección de nodos HTML.
Se puede acceder a los nodos de una colección mediante números de índice. El índice comienza en 0.
La propiedad length devuelve el número de elementos de la colección.
Sintaxis
element.children
Valor devuelto
| Escribe | Descripción |
| Objeto | Un objeto HTMLCollection. La colección de nodos de elementos. Los elementos se ordenan tal como aparecen en el documento. |
Más ejemplos
Averigüe cuántos hijos tiene un elemento <div>:
var c =
document.getElementById("myDIV").children.length;
Cambia el color de fondo del segundo elemento secundario de un elemento <div>:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Obtenga el texto del tercer elemento secundario (índice 2) de un elemento <select>:
var c = document.getElementById("mySelect").children[2].text;
Recorra todos los hijos de <body> y cambie su color de fondo a rojo:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
páginas relacionadas
Referencia HTML DOM: propiedad childNodes
Compatibilidad con navegador
element.children 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