Anton grünberg: getElementById

Beitrag lesen

Hallo alle miteinander,
ich habe meinen heutigen Sonntagnachmitta damit verbracht zu ergründen WARUM folgender Code nicht funktioniert.
Vorab:
Ich würde gerne gewisse Bereiche einer Website ein- und ausblenden. Dazu hab ich folgenden Code beispielsweise erstellt

<html>
<body>
<div id="t1" style="{visibility:hidden;}">TEST TEST</div>
<input type="button" value="Es werde Licht" onClick="document.getElementById['t1'].style.visibility='visible';">
</body>
</html>

Dummerweise bekomme ich ständig "document.getElementById.t1.style ist Null oder kein Objekt.

Ich verstehs einfach nicht.
Bitte um Hilfe

LG,
Toni