tutoriais mais recente desenvolvimento web
 

HTML DOM childNodes Propery

<Elemento de objeto

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

Exemplos

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


<Elemento de objeto