Domanda sulla sintassi

[Nrg1]

Ciao

con javascript ho un dubbio:

se scrivo

      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?

[Mega69]

Pure a me succede, quando cambio classe due volte consecutivamente a un elemento, la seconda volta non funziona.

[Nrg1]

Ah quindi non è un problema solo mio...

[fcaldera]

document.getElementById("a1").className="a1Class";

se continua a prevalere la prima istruzione penso sia dovuto al fatto che in quel modo imposti lo stile inline (che prevale su quello definito nella classe)

[Nrg1]

lo stile inline prevale su quello definito nella classe

questo è il motivo