javascript - Javascript 関数 document.getElementById()

Question

関数に渡されたパラメーター (テーブル名) を使用して、テーブルのスタイルを変更する関数を作成しようとしました。以下に示すように、コードの何が問題なのかわかりません。以下のパラメーターを正しく使用していますか。パラメータはテーブルの実際の名前です。うまくいかないようです。使用して引用符で囲んでみまし$たが、うまくいかないようです。私はそれを間違って使用していますか？

<script language='JavaScript' type='text/javascript'>
    function sizeTbl(table) 
    {                                           
        var tbl = document.getElementById(table);

        if(tbl.style.display == 'table-row')
        {
            tbl.style.display = 'none';
        }
        else
        {
            tbl.style.display = 'table-row';
        }
    }
</script> 

以下を使用してこの関数を呼び出しています。

<a href='javascript:sizeTbl("tbl0")'>View</a>

また

<a href='javascript:sizeTbl("tbl1")'>View</a>

等

この関数を使用して、テーブル内の追加の行を表示および非表示にしようとしています。表は次のようになります。

<table>
    <tr><a href='javascript:sizeTbl(tb10)'>Click Here to show the hidden row</a></tr> 
    <tr id="tbl0" style='display:none'><td>Initially Hidden Row</td></tr>;
</table>