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

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

1 个答案: