Ändra css class med javascript

Har fått för mig att man kan använda .classname för att byta CSS class med javascript. Hur fungerar det?

<STYLE TYPE="text/css">
.test1{
border:1px solid red;
etc...
}

.test2{
border:1px solid blue;
etc...
}
</style>

function funSubMouseOver(x){
document.getElementById(x).className = "test2"
}

<img id="1" src="but_0.png" onMouseOver="funSubMouseOver(this.id);" onMouseOut="funSubMouseOut(this.id);" class="test1">

Försöker söka mig till rätt svar men det går trögt. Hjälp mottages tacksamt. :stud

Ehhh.... vet inte vad jag ändrade på sist, men nu fungerar det som det ska.

Kan du inte bara använda :hover?

Det kanske man kan. Ovan fungerade dock så jag slutade att leta efter alternativa lösningar.