修改代码中的HTML表

Question

我有一张有特定布局的桌子。 它是这样开始的：

<table>
    <tr bgcolor="#007ACC" style="color:White">
        <td width="145"><asp:Label Text="" ID="lblLevel" runat="server" /></td><td width="80"></td><td width="30"></td><td width="145"><asp:Label Text="" ID="lblGroupNumber" runat="server" /></td><td width="60"></td><td width="10">Active</td>
    </tr>
    <tr>
        <td colspan="5"> 
            <asp:TextBox ID="txtName" runat="server" width="460px"></asp:TextBox>
        </td>
        <td> 
            <asp:DropDownList ID="cboActive" runat="server" Width="50px">
                <asp:ListItem>Y</asp:ListItem>
                <asp:ListItem>N</asp:ListItem>
            </asp:DropDownList>
        </td>
    </tr>

问题是，在某些情况下，我需要它看起来像这样：

<table>
    <tr bgcolor="#007ACC" style="color:White">
        <td width="145"><asp:Label Text="" ID="lblLevel" runat="server" /></td><td width="80"></td><td width="30"></td><td width="145"><asp:Label Text="" ID="lblGroupNumber" runat="server" /></td><td width="60"></td><td width="10">Active</td>
    </tr>
    <tr>
        <td colspan="2">
            <asp:TextBox ID="txtName" runat="server" width="460px"></asp:TextBox>
        </td>
        <td></td>
        <td colspan="2"> 
            <asp:TextBox ID="txtNumber" runat="server" width="460px"></asp:TextBox>
        </td>
        <td> 
            <asp:DropDownList ID="cboActive" runat="server" Width="50px">
                <asp:ListItem>Y</asp:ListItem>
                <asp:ListItem>N</asp:ListItem>
            </asp:DropDownList>
        </td>
    </tr>

我之前已经隐藏了文本框，这没问题。 但是我能想到的唯一方法是隐藏td's使用代码。 我已经看到了：

如何隐藏HTML表中的列？

但是他们从不解释如何确定要隐藏哪个td 。

那么，这可以用代码（最好是C＃中的代码隐藏）完成吗？ 如果是这样，怎么办？

Answer 1

在asp.net中，可以将大多数元素以编程方式设置为带有runat服务器控件：

<td colspan="2" runat="server" id="tdToHide"> 
      <asp:TextBox ID="txtNumber" runat="server" width="460px"></asp:TextBox>
</td>

在C＃中：

tdToHide.Visible = false;

这是在网页上“隐藏事物”的许多方法之一。

另一个可能是td上的条件CSS类。 然后，将通过页面上的样式处理其显示。

Answer 2

您可以使用LiteralControl，然后根据条件更改内容或将Control添加到literalcontrol 。 这可以从后面的代码中执行

Answer 3

选择特定HTML标记的其他方法可以通过CSS选择器来完成。 http://www.w3schools.com/cssref/css_selectors.asp看看等等：p：nth-​​child（2）