C# ASP.NET 如何通过代码隐藏修改 CSS 类

Question

所以就像标题一样，如何通过代码隐藏修改CSS类？ 比如下面的代码

                    <li class="active"><a href="pages-messages.html"><span class="fa fa-comments"></span> Messages</a></li>
                    <li><a href="pages-calendar.html"><span class="fa fa-calendar"></span> Calendar</a></li>
                    <li><a href="pages-tasks.html"><span class="fa fa-edit"></span> Tasks</a></li>
                    <li><a href="pages-content-table.html"><span class="fa fa-columns"></span> Content Table</a></li>
                    <li><a href="pages-faq.html"><span class="fa fa-question-circle"></span> FAQ</a></li>
                    <li><a href="pages-search.html"><span class="fa fa-search"></span> Search</a></li>

上面的代码是我的 HTML 页面的导航，第一行有 li class="active"，如何将其更改为 li 而第二行 pages-calender 将其更改为 li class="active"？

谢谢

Answer 1

如果您使用的是 WebForms，则添加 runat="server" 属性并为您需要在代码隐藏中修改的每个 li 标签设置唯一的 id 属性。 需要添加此标记以启用从代码隐藏到 HTML 元素的编程访问。

例如:

<li runat="server" id="PagesMessages" class="active"><a href="pages-messages.html"><span class="fa fa-comments"></span> Messages</a></li>
<li runat="server" id="PagesCalender"><a href="pages-calendar.html"><span class="fa fa-calendar"></span> Calendar</a></li>

然后在代码隐藏中:

PagesMessages.Attributes["class"] = string.Empty;
PagesCalender.Attributes["class"] = "active";