javascript - 为什么不能使用 jquery/css/js 更改可见性？

Question

代码:

<div><button id="Button1" runat="server" onclick="showTable()"  style="float:right">Edit</button></div>
<table style="visibility:hidden" id="Table">
    <tr>       
        <td><buttonid="upDateBtn"runat="server"onclick="saveInfo()"style="float:left">UpDate</button></td>    
        </tr>
        <tr><td>
                <label visible="false">Head Line</label>
            </td></tr>  
</table>

当单击 button1 时，表格需要可见。我尝试了以下解决方案:

1. document.getElementById("#Table").style.visibility = "visible";
2. $("#Table").css("visibility","visible");
3. 在 css 中创建一个类，并使用 jQuery 按类选择表格。

没有按预期工作。我错过了什么吗？是否还有其他解决方案？

Answer 1

因为我看到您使用 runat=server 所以我认为您使用的是 .NET所以你的按钮代码应该是:

  <input type="button" value"Edit" id="button1" style="float:right"/>

代替:

  <button id="Button1" runat="server" onclick="showTable()"  style="float:right">Edit</button>  

并添加到 javscript:

  $(document).ready(function(){
             $('#Button1').click( function(){
                        showTable();
             });
   });