您的位置：首页 > Web前端 > JavaScript

显示/隐藏table的3个方法

2008-12-16 21:52 423 查看
方法1：
[align=left]<table style="display:none" id=x></table>[/align]
[align=left] [/align]
[align=left]//使用javascript控制[/align]
[align=left]document.getElementById("aaa").style.display=""; //控制table显示[/align]
[align=left]document.getElementById("bbb").style.display="none"; //控制table不显示[/align]
[align=left] [/align]
[align=left]<tr>在tr里面也可使用 <tr style="display:none"></tr>[/align]
[align=left][/align]
[align=left]<tr   style="visibility:hidden">
//仅隐藏内容  

<tr   style="display:noe">
完全不显示  [/align]
方法2：

 

    //table中添加特性

    <table runat="server"   id="xx" style="display:none"> ... </table>

    //后台添加特性

    xxx.Attributes.Add("onclick", "javascript:document.getElementByI("xx").style.display = "";");

 

方法3：

 

    //使用Panel   在 ASP.NET中更加方便！

    <asp:Panel ID="paneltotal" runat="server">
             <table id="total" border="0" >
                 <tr>
                     <td>
                         <asp:Label ID="lbTD" runat="server" Width="80px" Text="充值合计"></asp:Label>
                    </td>
                </tr>
             </table>
   </asp:Panel>
 
    //后台控制

    paneltotal.Visible = false；//隐藏

    paneltotal.Visible = false；//显示
 
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  table javascript server asp.net asp border
相关文章推荐
新的分享
章节导航