Thomas: ändern von gleichen Links

Beitrag lesen

Hallo zusammen,
habe folgende HTML Seite geschrieben.
Es sollen gleiche Links mit gleichem Ziel geändert werden.
Vielleicht kann mir jemand weiter helfen was an dieser Seite falsch ist.

<HTML><HEAD><TITLE>TITLE</TITLE></HEAD>
<BODY>
<style type="text/css">
<!--
.klasse { background-color:red; }
.werbung1 { background-color:#E0EFFF; }
.werbung2 { background-color:#E0EFFF; }
-->
</style>
<script type="text/javascript">
<!--
function klasseTauschen(klasse_alt,klasse_neu) {
  var obj=getElementsByClassName(klasse_alt);
  for(i=0;i<obj.length;i++)
   {
   obj[i].className=klasse_neu;
   }
}
//-->
</script>
<table>
<tr><td>
<a  href="link.asp?Index=1" class="werbung1" onfocus="klasseTauschen('werbung1','klasse')" onblur="klasseTauschen('klasse','werbung1')">Text1</a><br>
<a  href="link.asp?Index=2" class="werbung2" onfocus="klasseTauschen('werbung2','klasse')" onblur="klasseTauschen('klasse','werbung2')">Text2</a><br>
</td></tr>
<tr><td>
<a  href="link.asp?Index=1" class="werbung1" onfocus="klasseTauschen('werbung1','klasse')" onblur="klasseTauschen('klasse','werbung1')">Text1</a><br>
<a  href="link.asp?Index=2" class="werbung2" onfocus="klasseTauschen('werbung2','klasse')" onblur="klasseTauschen('klasse','werbung2')">Text2</a><br>
</td></tr>
</table>
</BODY></HTML>

Danke im voraus
Thomas