Righe tabella a colori alternati

[criric]

Questa funzione varrà per tutte le tabelle del documento

<table width="400" border="1">
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
</table>
<script type="text/javascript">
    // recupero tutte le tr del documento
    var tr = document.getElementsByTagName("tr");
    // le ciclo
    for(var i in tr){
        // in base all'indice dell'elemento imposto il colore
        tr[i].style.backgroundColor  = (i%2 == 0)? "" : "#E4E4E4";      
    }
</script>

 

[criric]

Non avevo testato bene:
il codice non funzionava, lo riposto funzionante

<table width="400" border="1">
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
    <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr>
</table>
<script type="text/javascript">
    // recupero tutte le tr del documento
    var tr = document.getElementsByTagName("tr");
    // le ciclo
    for(var i = 0; i < tr.length; i++){
        alert(i);
        // in base all'indice dell'elemento imposto il colore
        tr[i].style.backgroundColor  = (i%2 == 0)? "" : "#E4E4E4";      
    }
</script>

Ho dovuto cambiare il ciclo : la sintassi

for(var i in tr){

estraeva elementi in più oltre le tr e lo script andava in errore
per ora ignoro il motivo ma prima o poi ci tornerò sopra