fastix®: Tabellenzeile färben über JS-Funktion

Beitrag lesen

Moin!

<script type="text/javascript">
function listeKlick () {
  style.backgroundColor = 'red';
}
</script>

<tr onclick="listeKlick()">

Im Gegensatz zur direkten Anwendung (<tr onclick="style.backgroundColor = 'red';">) weiß Javascript nicht, das und welches Dom-Objekt Du meinst.

Übergib also mit dem Schlüsselwort 'this' das aktuelle Objekt:

<tr onclick="listeKlick(this);">

und werte es in Javascript aus:

<script type="text/javascript">  
function listeKlick (obj) {  
   obj.style.backgroundColor = 'red';  
}  
</script>

Nur 12 Zeichen mehr :)

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix