Originariamente inviato da capsula
...
Meglio non mischiare CSS e Javascript in quel modo. Credo sia meglio usare il metodo dell'assegnazione delle classi:
codice:
XHTML
<td>Io sono un dato</td>
<td>Io sono un altro dato</td>
CSS
td:hover,
.cella_over
{
background-color:#000;
}
Javascript
window.onload = function() {
var celle = document.getElementsByTagName('td');
for ( var i = 0; i < celle.length; i++ )
{
celle[i].onmouseover = function()
{
this.className = 'cella_over'
}
celle[i].onmouseout = function()
{
this.className = ''
}
}
}
Insomma, ogni strumento fa il suo dovere, senza interferire con il lavoro degli altri; il risultato è un codice più pulito, ordinato e funzionale.