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屬性..

希望這將幫助你..