2017-07-09 2 views
0

So wie der Titel, wie die CSS-Klasse über Code-Behind ändern? Zum Beispiel der folgende CodeC# ASP.NET Wie CSS-Klasse über Code-Behind ändern

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

Der obige Code ist die Navigation für meine HTML-Seite und die erste Zeile hat = li class „aktiv“, wie es in nur li zu ändern und der zweiten Reihe, die Seiten-Kalander ändere es in li class = "aktiv"?

Dank

+0

verwenden Sie Web-Formulare oder MVC? –

Antwort

3

Wenn Sie WebForms verwenden, dann runat="server" Attribute hinzufügen und einzigartige id Attribut für jede li-Tag festlegen müssen in Code-behind ändern. Das Hinzufügen dieser Tags wird benötigt, um den programmatischen Zugriff von Code-Behind auf das HTML-Element zu ermöglichen.

Zum Beispiel:

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

Dann in Code-Behind:

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