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

时间:2014-12-25 11:43:30

标签: c# html asp.net styles

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

我想更改要显示的样式:true,因为它在显示屏上显示:none,我想使用c#代码完成它。如何调用类名并更改其样式/属性......

2 个答案:

答案 0 :(得分:2)

首先像你这样给你的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);

答案 1 :(得分:0)

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