[JavaScript][HTML][CSS] Dynamiczne nadawanie elementowi klasy. Opcje

[cabana]

Witam.
Próbuję stworzyć rozwijane menu w js.
Mam problem z nadaniem nazwy klasy obiektowi którym jest odsyłacz.
Potrzebuję to ponieważ na stronie mam oznaczanie aktywnych odsyłaczy.

przykładowo:
posiadam element menu

[HTML] pobierz, plaintext 
<li><a href="#" id="pattern" onmouseover="show()" onmouseout="hide()">Menu 1</a></li>
[HTML] pobierz, plaintext 

chciałbym nadać temu odsyłaczowi klasę `current` wtedy gdy mysz znajdzie się nad tym elementem
próbowałem zrobić to tak:

[JAVASCRIPT] pobierz, plaintext 
function show()
{
    document.getElementById('pattern').className = "current";
}
[JAVASCRIPT] pobierz, plaintext 

ale coś mi to nie trybi
proszę o pomoc.

[jaslanin]

1. zrobiłem na szybko testowy kod i to rozwiązanie działa, więc przyczyna musi leżeć gdzieś w pozostałej części kodu, spróbuj stworzyć plik html i wstawić do niego poniższy kod a się przekonasz:

Kod

<style>
.current {
color:red;
}
</style>

<script>
    function show()
    {
    document.getElementById('pattern').className = "current";
    }
</script>

<li><a href="#" id="pattern" onmouseover="show()" onmouseout="hide()">Menu 1</a></li>

2. Być może Twój projekt wymaga dodania klasy ale podobne zastosowanie ma kod CSS:

Kod

a:hover{
   color:red;
}

[darko]

Nie prościej tak:

[HTML] pobierz, plaintext 
<li><a href="#" id="pattern" onmouseover="this.className='current'">Menu 1</a></li>
[HTML] pobierz, plaintext 

?