使控制可見通過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