通过javascript隐藏一行

时间:2012-10-11 07:09:46

标签: javascript asp.net

我有一行我想通过javascript隐藏。 问题是它给了我Microsoft JScript运行时错误:需要对象。 在aspx上行:

<tr id="RowCliamMessage">
    <td>
        <asp:Label ID="Label11" runat="server" ForeColor="Red" Visible="false"
            Text="While .....">
        </asp:Label>
    </td>
</tr>

JavaScript的:

function CompareDateRange(sender,args)
{
    if ((CheckDate >= RangeDate1))
    {
        args.IsValid = true;

        if (CheckDate <= RangeDate3)
        {
            document.getElementById('ContentPlaceHolder1_RowCliamMessage').style.display="none";
        }
    }
    else
    {
        args.IsValid = false;
    }
}

我哪里错了?

2 个答案:

答案 0 :(得分:1)

你喜欢这样做不要使用contentplaceholder ID

您可以通过以下代码隐藏您的TR。

document.getElementById('RowCliamMessage').style.visibility = 'hidden';

您可以通过以下代码查看您的TR。

document.getElementById('RowCliamMessage').style.visibility = "visible"

display:none和visibility:hidden

之间的区别
  

visibility:hidden隐藏了元素,但它仍然占用了布局中的空间。

     

display:none从文档中完全删除元素。       它不占用任何空间,       即使它的HTML仍然在源代码中。*

答案 1 :(得分:0)

alert(document.getElementById('RowCliamMessage'));
document.getElementById('RowCliamMessage').style.display = 'none';​
jdFiddle上的

Working Demo