tutoriais mais recente desenvolvimento web
 

HTML DOM children Propery

<Elemento de objeto

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

Exemplos

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


<Elemento de objeto