Question

如何获取和修改Panel控件的Visible属性

我在页面中添加了一个textbox和一个按钮，但是不想一开始就让它显示出来所以定义了一个按钮，单击按钮后通过JS调用函数来显示前面两个控件，但是我用JS获取不到Panel控件的Visible属性。求求各位好心的大哥大姐帮帮忙吧！具体代码如下<div>
<asp:Panel ID="Panel1" runat="server" Height="25px" Width="380px" Visible="false">
<asp:DropDownList ID="DropDownList1" runat="server" Width="218px">
</asp:DropDownList>
<asp:Button ID="Button1" runat="server" Text="Button" />
</asp:Panel>
<input type="button" style="width:100px" value="测试" onclick="test()" />
</div>
<script type="text/javascript" defer=true>
function test()
{
var k=document.getElementById("Panel1").Visible="true";
alert(k);
}

</script>
报错老师document.getElementById(……)为空或不是对象。纠结很久了 恳求各位帮帮忙吧！

Answer 1

问题有三个

1.Panel1是后台端的ID,前台js调用应该用document.getElementById("<%= Panel1.ClientID%>")

2. var k=document.getElementById("Panel1").Visible="true";
要用变量就分开写，要么就不写
var k=document.getElementById("Panel1");
k.Visible="true";
或者
document.getElementById("Panel1").Visible="true";

2.js前台没有Visible属性的，要用css的display。

总结：
document.getElementById("<%= Panel1.ClientID%>").style.display = 'none';