javascript show hide div

Question

如何在javascript中显示和隐藏div以及在c＃页面载入中使用simillarly如何根据ID值调用div可以在此帮助任何人？

<ul> 
<li><a href="#cat1">cat1</a></li> 
<li><a href="#cat2">cat2</a></li> 
<li><a href="#cat3">cat3</a></li> 
</ul> 

<div id="cat1"> 
<asp:UpdatePanel> 
<asp:Panel> 
<asp:ListView> 
</asp:ListView> 
</asp:Panel> 
</asp:UpdatePanel> 
</div> 

<div id="cat2"> 
<asp:UpdatePanel> 
<asp:Panel> 
<asp:ListView> 
</asp:ListView> 
</asp:Panel> 
</asp:UpdatePanel> 
</div> 

<div id="cat3"> 
<asp:UpdatePanel> 
<asp:Panel> 
<asp:ListView> 
</asp:ListView> 
</asp:Panel> 
</asp:UpdatePanel> 
</div> 

Answer 1

引用在C＃代码隐藏股利，您将需要一个runat="server"属性添加到div。然后您可以通过Page_Load方法中的ID引用它。您还应该为div设置ClientIDMode="Static"，以修复div的ID，以便您可以在Javascript中引用它。注意静态ID的ID冲突。

采用严格的JavaScript，您可以隐藏这样的DIV：

var elem = document.getElementById('cat1'); 
elem.style.display = 'none'; 

并可以显示这样的DIV：

var elem = document.getElementById('cat1'); 
elem.style.display = 'block'; 

JQuery的可能是一个更好的路要走，虽然比的getElementById方法：

$('#cat1').hide(); 

和

$('#cat1').show(); 

Answer 2

function showDiv() 
{ 
    // This is to show the div 
    document.getElementById('divId').style.display = 'block'; 
} 

function hideDiv() 
{ 
// This is to hide the div 
    document.getElementById('divId').style.display = 'none'; 
} 

的代码将不支持，如果DIV有RUNAT属性..

希望这将帮助你..