Righe tabella a colori alternati

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Questa funzione varrà per tutte le tabelle del documento
HTML:
<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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Non avevo testato bene:
il codice non funzionava, lo riposto funzionante
HTML:
<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
Codice:
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