Question

脚本代码：

<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 code

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

简要说明，我无法隐藏和显示div。任何人都可以帮我解决错误谢谢........................ .................................................. .................................................. .................................................. .................................................. .........................

Answer 1

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

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

Answer 2

当asp.net生成html时，你需要使用ClientID来更改服务器控件的id如果你有框架4及更高版本，你可以使用ClientIDMode="static"来保持服务器ID不变客户端。

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

作为附加说明，elem.style.visibility将空间事件保持为隐藏状态，如果在隐藏空间时回收空间，则可以使用elem.style.display属性

elem.style.display = 'none';

Answer 3

尝试显示属性..

       if (val == 0) {

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

Answer 4

在函数内部尝试jQuery函数，

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

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

Answer 5

如果div不必在服务器上运行，则应删除runat="server"。这对服务器来说会有一点成本。如果你在服务器端使用这个元素，就可以像Rituraj和Adil一样使用ClientID。

<div id="tablepanel" >

在javascript中显示或隐藏div

5 个答案: