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>

Answer 1

您可能希望使用getElementbyName

 function sizeTbl(table) 
    {                                           
        var tbl= document.getElementsByName(table)[0];

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

Answer 2

您对函数的调用应该有一个用引号括起来的参数：

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

Javascript函数document.getElementById（）

2 个答案: