Exemplo
Comece uma coleção do <body> crianças elemento de:
var c =
document.body.children;
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade crianças retorna uma coleção de elementos filhos de um elemento, como um objeto HTMLCollection.
Os elementos 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.
Dica: Você pode usar a propriedade comprimento do objeto HTMLCollection para determinar o número de elementos filhos, então você pode percorrer todas as crianças e extrair a informação que deseja.
A diferença entre esta propriedade e childNodes , é que childNodes conter todos os nós, incluindo nós de texto e nós de comentário, enquanto as crianças só contêm nós de elemento.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Propriedade | |||||
---|---|---|---|---|---|
children | 2,0 | 9,0 * | 3,5 | 4.0 | 10.0 |
* Nota: A propriedade crianças é totalmente suportado no IE6 para o IE8. No entanto, nestas versões, ele retorna nós elemento e nós de comentário. IE9 + retorna apenas nós do elemento.
Sintaxe
element .children
Detalhes técnicos
Valor de retorno: | A HTMLCollection objeto vivo, o que representa uma coleção de nós de elemento. Os elementos na 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 filhos uma <div> elemento tem:
var c =
document.getElementById("myDIV").children.length;
O resultado da c será:
2
Tente você mesmo " Exemplo
Alterar a cor do segundo elemento filho de um fundo <div> elemento:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Tente você mesmo " Exemplo
Obter o texto do terceiro elemento filho (index 2) de um <select> elemento:
var c = document.getElementById("mySelect").children[2].text;
O resultado da c será:
Saab
Tente você mesmo " Exemplo
Loop através de todas as crianças de <body> e mudar sua cor de fundo para vermelho:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++)
{
c[i].style.backgroundColor = "red";
}
Tente você mesmo " Páginas relacionadas
HTML DOM referência: childNodes Property