Javascript更改類不正確

我已經使用JavaScript更改菜單列表項（從css類）單擊時的圖像。它應該從「menu_grey」更改爲「menu_red」。它確實發生了，但它暫時切換回同一班。這是我的HTML：Javascript更改類不正確

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

而對於menuClicked：

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

所以，問題是：我如何可以使圖像保持「紅色」點擊後回家？

建議是讚賞:)

來源

2013-12-16 user2385711