Ciao

con javascript ho un dubbio:

se scrivo
codice:
      function prova()
       {
                 document.getElementById("a1").style.color="#000";
                 document.getElementById("a1").classname="a1Class";

       }


<style>.a1Class{color:#ccc;}</style>

<a href=# onmouseover="prova()">ciao</>
la scritta ciao all'evento onmouseover sarà di colore #000
e non del colore descritto nella classe .a1Class.

Come mai?

E' perchè l'attributo di stile prevale sul nome della classe
oppure per cosa?