顯示或隱藏在javascript一個div

腳本代碼：顯示或隱藏在javascript一個div

<script type="text/javascript"> 
    function swap(val) { 
     var elem = document.getElementById('tablepanel'); 
     if (val == 0) { 

      elem.style.visibility = 'hidden'; 
      } 
     else { 
      elem.style.visibility = 'visible'; 
     } 
    } 
</script>

的.aspx代碼

<div id="tablepanel" runat="server" > 
              <table style="width: 901px; height: 22px;"> 
              <tr> 
                <td align="left"> 
                  <asp:Button ID="btnBack" runat="server" Height="28px" OnClick="btnBack_Click" 
                  Style="cursor: pointer;" Text="&lt;&lt; Prev" ToolTip="Previous Question" 
                  UseSubmitBehavior="false" Width="75px" /> 
                </td> 
                <td align="center"> 
                  <asp:Button ID="btnSave" runat="server" Height="28px" OnClick="btnSave_Click" 
                   Style="cursor: pointer;" Text="Save" ToolTip="Save Answer" 
                         UseSubmitBehavior="false" Width="75px" /> 
                       </td> 
                       <td align="right"> 
                        <asp:Button ID="btnNext" runat="server" Height="28px" OnClick="btnNext_Click" 
                         Style="cursor: pointer;" Text="Next &gt;&gt;" ToolTip="Next Question" 
                         UseSubmitBehavior="false" Width="75px" /> 
                       </td> 
                      </tr> 
                     </table> 
                     </div>

CS代碼

ScriptManager.RegisterStartupScript(Page, this.GetType(), "BodyOnLoadScript", 
        string.Format("<script type=\"text/javascript\">swap({0});</script>", 0), false);

簡碼，我不能夠隱藏和顯示該div。可以幫助我解決錯誤，謝謝你...................................... .................................................. ............. .................................................. .................................................. ................................................

來源

2014-04-24 Zadalaxmi

感謝所有answer..i發現這個代碼工作正常進行簡單的div（不包含任何按鈕）。但對於我來說，按鈕和表.......我對這些情況的所需答案。 – Zadalaxmi

function swap(val) { 
     var elem = document.getElementById('<%= tablepanel.ClientID %>'); 
     if (val == 0) { 

      elem.style.display = 'none'; 
      } 
     else { 
      elem.style.display = 'block'; 
     } 
    }

來源

2014-04-24 05:23:26

您需要使用ClientID作爲服務器控件的ID當通過asp.net生成html如果你有框架4和改變上面可以使用ClientIDMode="static"保持服務器ID不變的客戶端。

var elem = document.getElementById('<%= tablepanel.ClientID %>');

作爲一個附加的註釋elem.style.visibility保持空間的情況下其隱藏的，如果你回收空間時，其隱藏的

elem.style.display = 'none';

來源

2014-04-24 05:23:42 Adil

不錯:)趕上:) –

謝謝@Riturajratan。 – Adil

嘗試顯示您可以使用elem.style.display財產物業..

 if (val == 0) { 

      elem.style.display = 'none'; 
      } 
     else { 
      elem.style.display = 'block'; 
     }

來源

2014-04-24 05:25:45 Jameem

嘗試內部功能jQuery的功能，

function swap(val) { 
     var elem = $('#table_id'); 
     if (val == 0) { 

      elem.hide('slow'); 
      } 
     else { 
      elem.show('slow'); 
     } 
    }

來源

2014-04-24 05:30:29 SPEC

如果div不必在服務器上運行，則應該刪除runat="server"。這對服務器會有一點花費。如果你在服務器端使用這個元素，你可以像Rituraj和Adil所說的那樣使用ClientID。

<div id="tablepanel" >

來源

2014-04-24 05:47:01 emn178

顯示或隱藏在javascript一個div

回答

相關問題