Moritz Rogalli: ändern von Hintergrundfarben in Tabellen

Hallo ich hab folgenden Quelltext:

<TABLE ALIGN="left" BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
<TR ALIGN="left" VALIGN="middle">
 <TD ID="tabelle" bgcolor="#0000FF">  </TD>
</TR>
</TABLE>
<a href="#" onClick="document.getElementsByid("tabelle").setAttribute("bgColor","ffffff");">Farbe ändern</a>

allerdings ändert beim click auf den link die farbe sich nicht.

wüsste jemand ne lösung?

Danke im Vorraus

MfG

Moritz Rogalli

  1. Hallo.

    onClick="document.getElementsByid("tabelle").setAttribute("bgColor","ffffff");"

    ^  ^  ^       ^               ^       ^ ^  ^   ^
                                   1  2  3       3               3       3 3  4   3

    1. 'ne Id gibt's nur einmal, daher heißt es auch Element.
    2. JavaScript ist Case-Sensitive.
    3. Entweder, oder, aber nich beides zusammen.
    4. Wo issn die Raute?

    So is richtig: onclick="document.getElementById('tabelle').setAttribute('bgColor','#ffffff');"

    allerdings ändert beim click auf den link die farbe sich nicht.

    Kein Wunder. Du solltest dir nochmal die Syntax von JavaScript ansehn.
    Eigentlich, solltest du dir mal alle folgenden Links ansehn:
    http://selfhtml.teamone.de/javascript/sprache/index.htm
    http://selfhtml.teamone.de/javascript/objekte/document.htm#get_element_by_id
    http://selfhtml.teamone.de/javascript/objekte/node.htm#set_attribute
    http://selfhtml.teamone.de/html/allgemein/farben.htm

    wüsste jemand ne lösung?

    Ja.

    Gruß
    Norbert