使控制可见通过Javascript

Question

我有一个标签和一个名为“菜单”，目前是不可见的div。我希望当用户点击标签时。它会使div可见。我想通过JavaScript来做到这一点，我如何通过JavaScript使控件可见？

Answer 1

首先，如果要访问客户端上的控件，它们必须呈现为html。当您使用Control.Visible时，它不会呈现在客户端上，只能在服务器端访问。因此，您必须使用CSS在客户端切换其可见性。

显示DIV：

document.getElementById('menu').style.display = 'none'; 

你应该记住的服务器端的控件的ID可以在其他NamingContainer比内时，它的改变：

document.getElementById('menu').style.display = 'inherit'; 

您可以用隐藏该页面（在GridView或UserControl中）。所以，你应该用Control.ClientID来获取将从ASP.Net生成正确的ID：

因此，这是更好的：

document.getElementById('<%= menu.ClientID %>').style.display = 'none'; 

在ASP.Net 4.0有可能定制客户端ID。对于进一步的信息：

• http://www.thereforesystems.com/working-with-client-id-in-asp-net-4/
• http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientid.aspx