Righe di tabelle con colori alternati

Ogni tanto qualche amico mi chiede consulenze del tipo "Come faccio a....?" e quasi sempre sbrigo la cosa nel modo più veloce possibile: ricerca su Google e invio del link. Potrebbe venirne fuori una specie di rubrica. La domanda di ieri era: "Come posso creare automaticamente righe di tabelle con colori alternati con i CSS?". Google mi ha portato qui.

Ecco le poche righe di codice Javascript necessarie per realizzare una cosa come questa:


<script type="text/javascript">
window.onload = colorRows;
function colorRows() {
       var myTR = document.getElementsByTagName('tr');
       for (var i=0;i<myTR.length;i++) {
               if (i%2) {
                       myTR[i].className = 'rowTint';
               }
       }
}
</script>


Assegna alle righe dispari la classe 'rowTint'. Basta definirne le regole nel CSS ed il gioco è fatto:


.rowTint {background: #ccc}