Javascript Change类的行为不正常

Javascript Change class does not behave properly

本文关键字：不正常 Change Javascript      更新时间：2023-09-26

我使用了一个javascript来更改菜单列表项（来自css类）上单击时的图像。它应该从"menu_grey"变为"menu_red"。它确实发生了，但它瞬间切换回了同一个类。这就是我在HTML:中所拥有的

     <li %WELCOME_ACTIVE%><a id = "menuClicked" class='menuHome' href='%AuthProgram%'>%lang("lang_customer_framework_home")%</a>
<script>
document.getElementById("menuClicked").onclick=function() {
var className = document.getElementById("menuClicked").className
document.getElementById("menuClicked").className = "menuClicked"

};
</script>
</li>

由于这是对预先开发的网站设计的修改，菜单的布局是用CSS定义的，我不想制作新的菜单和设计，因为我会冒着破坏其余设计的风险。CSS类如下所示：

#menu li a.menuHome
{
  background: url('../graphics/SevenCustomer/ikoner/hjem_gra.jpg') no-repeat top center;
  display: block;
  padding-top: 44px;
}

对于菜单点击：

#menu li a.menuClicked
{
  background: url('../graphics/SevenCustomer/ikoner/HJEM_rod.jpg') no-repeat top center;
  display: block;
  padding-top: 44px;
}

所以问题是：单击主页后，如何使图像保持"红色"？

建议不胜感激：）

页面导航离开，您需要在服务器端或加载的页面上设置它。下一页不知道你添加了一个类。它不在乎，因为它是一个全新的页面。

当有人点击链接时，只需停止触发事件。有几种方法可以做到这一点，这里有一些建议：

如何停止页面重定向

相关文章：