-1

javascriptでdivを表示および非表示にする方法とc＃pageloadで同様に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>
4

2 に答える 2

2

runat="server"C＃コードビハインドでdivを参照するには、divに属性を追加する必要があります。Page_Loadその後、メソッド内のIDで参照できます。ClientIDMode="Static"また、JavaScriptで参照できるようにdivのIDを修正するために、divを設定する必要があります。静的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();
于 2012-12-21T03:40:26.687 に答える
0 
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プロパティがある場合、コードはサポートしません。

これがお役に立てば幸いです。

于 2013-04-08T05:02:35.577 に答える