Javascript 更改Css点击事件

我在asp页面中有几个链接，所有链接都使用CSS。第一个链接在主页上用不同的CSS突出显示。我想在点击事件上切换CSS类，每当我分别按下第二个或第三个链接时，它应该被高亮显示，而另一个则使用普通CSS变得正常

<ul>
    <li><a href="../Admin/Home.aspx" id="a_Home" class="homeactive" onclick="ChangeSelectedMenuCss(this.id);">
        Home</a></li>
    <li><a href="../Admin/subadmindetails.aspx" id="a_Report" class="home" onclick="ChangeSelectedMenuCss(this.id);">
        SubAdmin</a></li>
    <li><a href="../Admin/control_panel.aspx" id="a_User" class="home" onclick="ChangeSelectedMenuCss(this.id);">
        Control Panel</a></li>
    <li><a href="../Admin/admin_master.aspx" id="a_CntrlPnl" class="home" onclick="ChangeSelectedMenuCss(this.id);">
        Master Data</a></li>
    <li><a href="../Admin/Login.aspx" class="home">Logout</a></li>
</ul>

请帮帮我，我累坏了

---

Thanx和问候。

要使用javascript更改类，可以执行以下操作：

function ChangeSelectedMenuCss(id){
    document.getElementByClassName('homeactive').className ="home";
    document.getElementById(id).className = "homeactive";
}

---

我认为您混淆了ASP.NET和Javascript是如何相互作用的。当用户单击其中一个链接时，将触发

onclick

事件，但随后ASP.NET将加载与该链接相关的页面，从而重置导航菜单

---

您可能不想使用onclick事件，而是在母版页上有一个类来标识它所在的页面，然后将

homeactive

类添加到需要打开的链接中。

如果您使用JQuery，那么这段代码可能对您有用

首先，我喜欢这个代码-

$(function() {
    var links = $('a.link').click(function() {
    links.removeClass('active');
    $(this).addClass('active');
    });
});

然后在CSS文件中，添加tis类-

a, a:visited { color:black }
a.link.active { color:blue; }

它可能会帮助你。。。。

---

或者你可以看到这个fiddle-

向我们展示你的ChangeSelectedMenuCss方法，最好是全部放在JSFIDLE或jsbin中。谢谢大家，很抱歉回复太晚，我有点忙于其他工作。我们可以在没有javascript和JQuery的情况下在CS页面上进行选择吗？回复时使用javascript或JQuery会删除PostBackMethod上的选择，因此这对我不起作用。PostBackMethod是什么？PostBackMethod类似于刷新页面或使用另一个den dat将刷新UpdatePanel或Page@Vishnu：在页面或数据刷新时，您的选择将被删除，除非未缓存，因此，如果您想继续选择，我建议您需要在刷新时将元素id存储在浏览器的localStorage中，并在刷新时检查localStorage（如果不是），如果不是，则提供默认的selectiona_报告；