Dynamisch Attribute ändern <TD> Höhe und Breite

[Günter Marchewka]

Hallo Ihr,

wie kann ich es erreichen, das Definitionen wie im folgenden style-Abschnitt dynamisch geändert werden können?

<STYLE TYPE="TEXT/CSS">
<!--
  TD  { width:30px; height:30px; background-color:#0000ff; }
  IMG { width:30px; height:30px; }
//-->
</STYLE>
Dieser style-Abschnitt funktioniert prima. Aber:
Im IE5.0 (Genau 5.00.3103.1000) funktionieren beide folgenden Anweisungen (button-Tags) nicht.
Die erste erzeugt die Meldung "style ist kein objekt", die zweite "0.style ist kein objekt".

(Gross- und kleinschreibung der Tagnamen ändert das Ergebnis nicht.)
Der IE behauptet jedoch, das er "getElementsByTagName" kennt. Eine entsprechende if-Abfrage wird mit true beantwortet.

Mach ich einen Fehler? Wenn Ja, welchen?

<button onClick="getElementsByTagName('td').style.width='40px';">Größer</button>

<button onClick="getElementsByTagName('td')[0].style.width='40px';">Größer</button>

Oder kennt jemand eine bessere/funktionierende Methode?
Gruß
Günter