Propriedade childNodes do DOM HTML

Objeto Elemento do HTML DOM

childNodesA propriedade de leitura só retorna a coleção de subnós do elemento dado, onde o índice do primeiro subnó é 0.

Os nós na coleção são ordenados pela ordem de aparição no código-fonte, e podem ser acessados através de índices.

Use a propriedade length para determinar o número de subnós, e então você pode percorrer todos os subnós e extrair a informação necessária.

Os espaços em branco internos dos elementos são considerados texto, e o texto é considerado um nó. Os comentários também são considerados nós.

Para obter uma coleção de elementos apenas (não inclui nós de texto e de comentário), usechildrenPropriedade.

nodeSe .childNodes[0] gerar o mesmo resultadofirstChildPropriedade.

Sintaxe:

node.childNodes

var list = document.body.childNodes;

Compatibilidade do navegador

Todos os navegadores suportam completamente a propriedade childNodes:

Detalhes Técnicos

Mais Exemplos

Encontrar quantos filhos o elemento DIV tem:

var len = document.querySelector("div").childNodes.length;

Mudar o segundo filho do elemento DIV (índice1）Cor de Fundo:

var nodes = document.querySelector("div").childNodes;
nodes[1nodes[.style.backgroundColor = "coral";]

Referências Relacionadas

Referência do HTML DOM:node Propriedade .firstChild

Referência do HTML DOM:nodePropriedade .lastChild

Referência do HTML DOM:nodePropriedade .parentNode

Referência do HTML DOM:nodePropriedade .nextSibling

Referência do HTML DOM:nodePropriedade .previousSibling

Referência do HTML DOM:nodePropriedade .nodeName

Objeto Elemento do HTML DOM