Hur ändrar jag en onmouseover-händelse med Javascript?

Jag har en HTML-span som ändrar sin klass vid onmouseover och onmouseout:

<span id="someSpan" class="static" onmouseover="this.className='active'" onmouseout="this.className='static'">Some Text</span>

Jag vill kunna aktivera och inaktivera (ändra) onmouseover- och onmouseout-händelserna med en Javascript-funktion som anropas någon annanstans på sidan. Är detta möjligt?

Svar #1

Självklart.

document.getElementById('someSpan').onmouseover = 
     function() { 
         this.className='newactive'; 
     };

Svar #2

Det säkra sättet är att använda ett Javascript-verktyg som Prototype eller JQuery.

De kan alla göra saker som detta enkelt men det fungerar i alla webbläsare.

Till exempel, här är hur du gör det i JQuery.