Exabyte: Tabellenfelder mit GetElementsByClassName färben

Beitrag lesen

SELF-Forum

Tabellenfelder mit GetElementsByClassName färben

Exabyte
– Informationen zu den Bewertungsregeln

Guten Abend =),

Ich versuche fast den ganzen Tag nun schon bestimmte Felder in einer Tabelle bei einem MousOver-Event zu färben.

z.B:

  
function do(x) {  
 document.getElementsByClassName(x).style.backgroundColor="#99CCCC";  
}  


...  
 <tr>  
  <td class="1" onMouseOver="do('1')>&nbsp;</td>  
  <td class="2" onMouseOver="do('2')>&nbsp;</td>  
  <td class="3" onMouseOver="do('3')>&nbsp;</td>  
  <td class="3" onMouseOver="do('3')>&nbsp;</td>  
  <td class="2" onMouseOver="do('2')>&nbsp;</td>  
  <td class="1" onMouseOver="do('1')>&nbsp;</td>  
  <td class="1" onMouseOver="do('1')>&nbsp;</td>  
  <td class="2" onMouseOver="do('2')>&nbsp;</td>  
  <td class="3" onMouseOver="do('3')>&nbsp;</td>  
 </tr>  
...

Ich weiß einfach nicht ob ich hier einen Fehler in der Syntax habe oder einen Denkfehler, da die Webkonsole von FF auch nichts genaueres verrät =/

Wenn ich ID's vergebe und es so:

  
document.getElementById(x).style.backgroundColor="#99CCCC";

mache und dabei jede Tabellen-Zelle einzeln anspreche, funktioniert es.
Das ist aber nicht gerade effizient und deswegen würde ich das ganze etwas verkürzen.

LG Exabyte

Beitrag melden
–
Informationen zu den Bewertungsregeln