显示或隐藏在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

回答

相关问题