css class namen dynamisch ändern

[joM]

hallo,

Ich habe mehrere textbuttons mit einem SPAN tag formatiert, und einer css Klasse "title10" zugeteilt. Wie kann ich diese per Javascript in "title12" ändern, wenn dieser angeklickt wird.
um den status anzuteigen

Bsp.:
<span class="title10" id="1"><a href="#" onClick="changeStyle();">button1</a></span><br>
<span class="title10" id="2"><a href="#" onClick="changeStyle();">button2</a></span><br>
<span class="title10" id="3"><a href="#" onClick="changeStyle();">button3</a></span><br>
<span class="title10" id="4"><a href="#" onClick="changeStyle();">button4</a></span><br>

Danke