Ændre CSS class på en knap ved brug af onlick=

<button onclick='doStuff()'>BUTTON_TEXT</button>

function doStuff(){
  if(event.srcElement.className == 'button'){
    event.srcElement.className = 'button1';
  } else {
    event.srcElement.className = 'button';
  }
}

Stærkt! - tak

<ole>

- men lad være ... det er en elendig løsning. Det er langt bedre at skifte de enkelte style-properties på elementet - også selvom der er mange. Desuden er det kun én enkelt browser, der forstår syntaksen

/mvh
</bole>

Hmmm... elendig er måske så meget sagt. Det var et svar på et spørgsmål - og jo... det virker også i Firefox :-)

Nej, 'elendig' er faktisk en yderst venlig beskrivelse  :)

Det er en kendt sag, at klasse-skift performer ekstremt elendigt. I en bare _lidt_ kompliceret sideopbygning kan det tage flere sekunder at skifte en klasse på et element.
Hvergang du skifter en enkelt CSS-klasse i et dokument, skal browseren genberegne virkningen alle CSS-properties på hvert eneste element på siden - samt alle elementers indbyrdes arveforhold.
Det er komplet spild af brugerens CPU/RAM ... og det er der vel ingen, der har som mål.

Ja, det var et svar på spørgsmålet, men et rigtig dårligt ét. Det gode svar lyder: "Skift de enkelte style-properties"  :)
Ja, det virker også i FireFox ... ligeså elendigt, som det virker i alle andre browsere. Det, at et script virker i FF, er absolut ikke nogen garanti for, det er godt  :)