使用 asp.net C# 代码更改 Div 样式答案

【问题标题】：Div style changing using asp.net C# code使用 asp.net C# 代码更改 Div 样式
【发布时间】：2014-12-25 11:43:30
【问题描述】：

<div runat="server" class="labels" style="display:none; height: 100%; font-family: 'Segoe UI';">
     <asp:Label ID="Label4" runat="server" Text="Description:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
     <br />
     <asp:Label ID="Label5" runat="server" Text="Impact:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
     <br />
     <asp:Label ID="Label6" runat="server" Text="Recommendation:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
     <br /><br />
</div>

我想将样式更改为 display:true，因为它在 display:none 中知道，我想使用 c# 代码来完成。如何调用类名并更改其样式/属性...

【问题讨论】：

标签： c# html asp.net styles

【解决方案1】：

首先像这样给你的 div 一个 id

<div runat="server" id="div1"></div>

然后在您的 C# 代码中编写此代码以将样式添加到 div。

string style = div1.Style[HtmlTextWriterStyle.Display];

if(style.ToLower()=="none")
   div1.Style.Add(HtmlTextWriterStyle.Display, "block");

以下是删除样式的方法。

div1.Style.Remove(HtmlTextWriterStyle.Display);

【讨论】：

但还需要添加检查div1是否有display : none。如果是，则添加此代码div1.Style.Add(HtmlTextWriterStyle.Display, "block");
我想从样式中删除 display:none

【解决方案2】：

<% var display = "block"; 
   if(isHidden){
       display = "none";
   }
%>

<div runat="server" class="labels" style="display:<%=display%>; height: 100%; font-family: 'Segoe UI';">
     <asp:Label ID="Label4" runat="server" Text="Description:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
     <br />
     <asp:Label ID="Label5" runat="server" Text="Impact:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
     <br />
     <asp:Label ID="Label6" runat="server" Text="Recommendation:" Font-Bold="True"></asp:Label>&nbsp;
     <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
     <br /><br />
</div>

【讨论】：