Tabela dinamica Java Script zebrada

Front-end
#1

Boa tarde pessoal, estou com um problema em aplicar o estilo zebrado a uma tabela dinamica no java script. Alguem sabe como fazer?

Eu tenho por exemplo dois campos: nome e sexo e um botao Incluir.
Quando preencho os dois campo e clico no Incluir ele coloca essa informação dentro de um div que se encontra uma tabela.
O codigo que ele executa é:

function inserirDados(nome,sexo){
var tabelaDados = document.getElementById(‘dadosList’);

var row = tabelaDados .insertRow(1);

inserirCelula(row , 0,nome);
inserirCelula(row , 1,sexo);

}

quando ele colocar na tablea

	              <table class="tbstyle3" width="100%" id="dadosList">
	                 <thead>
		                  <tr>
		                           <th>Nome</th>
                                               <th>Sexo</th>
		                  </tr>
	                </thead>
                  </table>
	            </div>

deve-se aparecer uma linha com uma cor e a outra com outra cor.

Alguem sabe como resolver isso?

#2

Antes de mais nada http://www.guj.com.br/java/50115-voce-e-novo-no-guj-vai-criar-um-topico-e-colar-seu-codigo-fonte-leia-aqui-antes-por-favor

#3

[color=red]
Ola, pessoal consegui resolver o problema.

Eu criei o css:
[/color]
[color=blue]
tr.zebra td {background:##FFFFFF;}
tr.zebra1 td {background:#E6EEF2;}
[/color]
[color=red]
na função onde vc insere os seus dados na tabela dinamica vc colocar
[/color]
[color=blue]
zebra(‘minhatabela’,‘zebra’,‘zebra1’);
[/color]
[color=red]
que chama a funcão
[/color]
[color=blue]
function zebra(id, classe, classe1) {
var tabela = document.getElementById(id);
var linhas = tabela.getElementsByTagName(“tr”);
for (var i = 0; i < linhas.length; i++) {
if(i!=0){
if((i%2) == 0){
linhas[i].className = classe;
}else{
linhas[i].className = classe1;
}
}
}
}
[/color]

[color=red]
Pronto, a cada item inserido ficara com o estilo zebrado.
[/color]

referencia: http://www.toprated.com.br/funcao-javascript-para-zebrar-tabelas

#4