Simulation von CSS

[Ernesto]

Hallo,

mit CSS kann man Klassen definieren und mittels "hover" bei allen
Elementen der Klassen Farbänderungen z.B. beim Überfahren mit der
Maus erreichen.
Auch mit Javascript kann man durch die Eventhandler Farbänderungen
von Zeilen z.B. dadurch erreichen, daß man in dem Element-Tac einen
Eventhandler notiert:
<tr onmouseover="this.style.color='red';"
    onmouseout="this.style.color='black';"> ...</tr>
Der Nachteil ist:
Man müßte den Event-Handler in jeder gewünschten Zeile notieren,
während man über CSS das für alle Elemente einer Klasse mit einem
einzigen Befehl erreichen kann. Nun kann man versuchen, das in Java-
script zu simulieren mit:

function eventHandler1(evt)
{
 if(!evt) { evt = window.event; }
 rows[each].style.color = 'red';
 rows[each].style.backgroundColor = '#666666';
}

function eventHandler2(evt)
{
 if(!evt) { evt = window.event; }
 rows[each].style.color = 'black';
 rows[each].style.backgroundColor = 'white';
}

rows = new Array();
rows = document.getElementsByName("rowName");
for (each in rows)
{
rows[each].onmouseover = eventHandler1;
rows[each].onmouseout  = eventHandler2;
}

Das klappt nicht, da in den functions "each" nicht aktuell bekannt ist,
getestet im Browser Firefox.

Geht das überhaupt und wenn, dann einfacher???

Vielen Dank im Voraus und viele Grüße
  Ernesto