Delphi-PRAXiS - JS: display block n none [gelöst]

Grüßt euch Delphianer :)

Ich habe eine Frage zu Javascript. Und zwar versuche ich bestimmte Elemente, welche den <td> Tag besitzen und der Klasse "menu1" (zum Test) angehören, per Klick anzuzeigen und wieder zu verstecken.

Hier mein Quellcode:

Code:

			<html>

<head>

<script language="JavaScript" type="text/javascript">

<!--

function appearence(clname) {

   var x = document.all.getElementsByTagName('td');

   for (var i=0;i<x.length;i++)

   {

      if (x[i].className == clname)

         if(x[i].style.display == 'none')

            x[i].style.display = 'block';

         else x[i].style.display = 'none';

   }

}

//-->

</script>

</head>

<body>

   <table>

      <tr><th>[url="javascript: appearence('menu1')"]Menu1[/url]</th></tr>

      <tr>

         <td style="display: none" class="menu1">Menu1->Item1</td>

      </tr>

      <tr>

         <td style="display: none"  class="menu1">Menu1->Item2</td>

      </tr>

   </table>

</body>

</html>

Nunja. Eigentlich dürfte es funktionieren, tut es aber nicht o.O
Wo steckt der Fehlerteufel?

Danke schonmal im Vorraus
Grüße aus Dresden

EDIT:
Fehler gefunden!

Okay, dass Problem lag in der 6. Zeile

Code:

var x = document.all.getElementsByTagName('td');

Ersetzen durch

Code:

var x = document.getElementsByTagName('td');