Exemplo
Comece uma coleção do <body> nós filhos do elemento de:
var c =
document.body.childNodes;
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade childNodes retorna uma coleção de nós filhos de um nó, como um objeto NodeList.
Os nós na coleção são classificadas como eles aparecem no código fonte e pode ser acessado por números de índice. O índice começa em 0.
Nota: Espaços em branco dentro elementos é considerada como texto, eo texto é considerado como nós. Comentários também são considerados como nós.
Dica: Você pode usar o comprimento propriedade do objeto NodeList para determinar o número de nós filho, então você pode percorrer todos nós filhos e extrair a informação que deseja.
Esta propriedade é somente leitura.
Dica: Para retornar uma coleção de nós de elemento de um nó (excluding text and comment nodes) , utilize a crianças propriedade.
Dica: .childNodes elemento [0] irá produzir o mesmo resultado que o firstChild propriedade.
Suporte navegador
Propriedade | |||||
---|---|---|---|---|---|
childNodes | sim | sim | sim | sim | sim |
Sintaxe
element .childNodes
Detalhes técnicos
Valor de retorno: | Um objecto NodeList, representando um conjunto de nodos. Os nós no coleção retornada são classificadas como eles aparecem no código fonte |
---|---|
DOM Versão | Núcleo Nível 1 elemento de objeto |
mais Exemplos
Exemplo
Descubra quantos nós filho de um <div> elemento tem:
var c =
document.getElementById("myDIV").childNodes.length;
O resultado da c será:
5
Tente você mesmo " Exemplo
Alterar a cor do segundo nó filho fundo (index 1) de um <div> elemento:
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
Tente você mesmo " Exemplo
Obter o texto do terceiro nó filho (index 2) de um <select> elemento:
var c = document.getElementById("mySelect").childNodes[2].text;
O resultado da c será:
Saab
Tente você mesmo " Páginas relacionadas
HTML DOM referência: nó. firstChild propriedade
HTML DOM referência: nó. lastChild propriedade
HTML DOM referência: nó. parentNode propriedade
HTML DOM referência: nó. nextSibling propriedade
HTML DOM referência: nó. previousSibling propriedade
HTML DOM referência: nó. nodeName propriedade