Der Martin: Tabellenfelder mit GetElementsByClassName färben

Beitrag lesen

Hallo,

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

andere Felder? Nicht die Tabellenfelder, auf die mit der Maus gezeigt wird?
Denn dann wäre das ja mit CSS wesentlich einfacher zu haben.

function do(x) {

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

  
Schon hier müsste die Fehlerkonsole einen Syntaxfehler melden, denn "do" ist ein reserviertes Keyword (zur Verwendung in do...while-Schleifen).  
  

> ~~~html

...  

>  <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 ...

Mehrere. Zum einen den schon angesprochenen; dann sind deine onmouseover-Attribute nicht abgeschlossen. Die phantasievolle Groß/Kleinschreibung ist vermutlich nur ein Schönheitsfehler.

oder einen Denkfehler, ...

Das vielleicht auch. Du scheinst '1', '2' und '3' als IDs zu verwenden. IDs dürfen aber in (X)HTML nicht mit einer Ziffer beginnen.

da die Webkonsole von FF auch nichts genaueres verrät =/

Och nööö ...

So long,
 Martin

--
Ich liebe Politiker auf Wahlplakaten.
Sie sind tragbar, geräuschlos, und leicht wieder zu entfernen.
  (Loriot, deutscher Humorist, †2011)
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(