Hallo.
Du kannst die Eventhandler dynamisch beim Laden der Seite zuweisen (<body onload="dynevhandl()" ...>).
In der Funktion dynevhandl() weist Du dann jedem Element die Evhandler zu:
function dynevhandl() {
var tabellen = document.getElementsByTagName("TABLE");
for (var i=0; i<tabellen.length; i++) {
var trs = tabellen[i].getElementsByTagName("TR");
for (var j=0; j<trs.length; j++) {
trs[j].onmouseover = function(e){hebhervor(this)};
trs[j].onmouseout = function(e){endehebhervor(this)};
}
}
}
Jetzt haben alle tr Deines Dokuments die beiden Handler die die Funktionen hebhervor() und endeHebhervor() aufrufen.
Nun fügst Du noch die beiden Funktionen hinzu und fertig:
function hebhervor(wo) {
wo.style.backgroundColor="#E1E1FF";
}
function endehebhervor(wo) {
wo.style.background="none";
}
Viele Grüße
Michael