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とページ・カレンダーで第二列にそれを変更する方法を、=「アクティブ」のliクラスを持っていますli class = "active"に変更しますか？

おかげ

Answer 1

あなたはWebフォームを使用している場合は、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";