我如何改變我的班級 <li> 使用JavaScript

Question

我的項目是一個asp.net，它的母版頁包含一個列表

<ul id="navigation">
         <li id="li1" runat="server" class="selected"><a href="Events.aspx">Events</a></li>
         <li id="li2" runat="server"><a href="AddEvent.aspx">Add Event</a></li>
         <li id="li3" runat="server"><a href="MyProfile.aspx">Profile</a></li>
         <li id="li4" runat="server"><a href="Friends.aspx">Friends</a></li>
         <li id="li5" runat="server"><a href="FindFriends.aspx">Find Friends</a></li>
         <li id="li6" runat="server"><a href="Schedual.aspx">Schedual</a></li>
         <li>
             <asp:LinkButton ID="LogOutButton" runat="server" OnClick="LogOutButton_Click">Log Out</asp:LinkButton>
         </li>
</ul>

所選類（css類）具有一張圖片，該圖片告訴用戶他在哪一頁上。 導航時如何使用javascript或C＃更改此類？

我對javascript沒有很好的經驗

Answer 1

document.getElementById("li6").className = "whatever";

應該管用/

Answer 2

$("#li1").addClass("selected");

將工作。

例

Answer 3

這在JavaScript / jQuery中非常簡單。

但是，如果這是為了導航，則意味着在顯示新頁面時需要對其進行更新，我將在服務器的標記中進行此操作。

您沒有對如何服務此頁面說太多。 但是ASP.NET WebForms和MVC都允許您以多種不同的方式控制所提供的HTML。

Answer 4

您可以為所有li標簽類設置如下所示：

<li class="li">
 ... content of the tag
</li>

在您的JavaScript中，您可以將其他類添加到“ li”類的所有元素中：

$(".li").addClass("classYouWantToAdd");

並在css文件中：

.li
{
  ... needed css for the class
}

Answer 5

這是另一篇文章，告訴您如何通過類名獲取元素

通過類名選擇一個div