Elemento HTML DOM childNodes
O Objeto ElementoExemplo
Obtenha os nós filhos do elemento <body>:
const nodeList = document.body.childNodes;
Mais exemplos abaixo.
Definição e uso
A childNodes
propriedade retorna uma coleção (lista) de nós filho de um elemento.
A childNodes
propriedade retorna um objeto NodeList.
A childNodes
propriedade é somente leitura.
Observação
Espaços em branco dentro de elementos são considerados nós de texto.
Os comentários também são considerados nós.
childNodes[0]
é o mesmo que firstChild
.
Uma diferença
A childNodes
propriedade retorna todos os nós filho , incluindo nós de texto e nós de comentário, enquanto a children
propriedade retorna apenas os elementos filho .
Veja também:
A propriedade dos filhos do elemento
Lista de nós
Uma NodeList é uma coleção (lista) semelhante a um array de Node Objects.
Uma NodeList tem uma propriedade de comprimento que retorna o número de nós na lista.
Os nós podem ser acessados por números de índice. O índice começa em 0.
Sintaxe
element.childNodes
Valor de retorno
Modelo | Descrição |
Objeto | Uma coleção de nós de objetos NodeList . Os nós são classificados conforme aparecem no documento. |
Mais exemplos
O número de nós filhos em um elemento <div>:
let numb = document.getElementById("myDIV").childNodes.length;
Altere a cor de fundo do segundo nó filho:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Obtenha o texto do terceiro nó filho de um elemento <select>:
let text = document.getElementById("mySelect").childNodes[2].text;
Páginas relacionadas
A propriedade parentNode do elemento
O elemento nextSibling Property
Suporte ao navegador
element.childNodes
é um recurso DOM Nível 1 (1998).
É totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
O Objeto Elemento