Ciao a tutti...

la parentesi del titolo è forse troppo pretenziosa...
intendevo solo che vorrei avere una serie di tasti che mi applicano delle classi ai vari elementi della pagina scelti per ID... (mi sarebbe utile per testare alcune combinazioni di css... ma il perché forse importa poco)

sono un principiante di js... quindi riesco a fare solo ciò che vedete di seguito...
FUNZIONA...
ma come potete notare, poiché ogni classe applicata sovrascive la precedente... per combinare due classi devo "barare", impostando un className="classeuno classedue"...

UNO: è possibile invece fare in modo che ogni classe si aggiunga alla precedente invece di sostituirla?

(due: certo che poi per tornare indietro ed eliminare una classe applicata... VVoVe: )
va bè... un passo alla volta... anche perché è un esperimento di autodidattica della domenica

Chi mi da qualche consiglio?
grazie

codice:
<html><head>
<style type="text/css"> 
.base {background:#999999}
.verde {background: #00FF00}
.bordorosso {border:2px solid #FF0000}
</style>

<SCRIPT>
function CambiaClasse_1() {
	var CLASSE = document.getElementById("boxmutevole")
	CLASSE.className="verde"
}
function CambiaClasse_2() {
	var CLASSE_2 = document.getElementById("boxmutevole")
	CLASSE_2.className="bordorosso"
}
function CambiaClasse_3() {
	var CLASSE_3 = document.getElementById("boxmutevole")
	CLASSE_3.className="verde bordorosso"
}
</SCRIPT>

</head><body>

<div id="boxmutevole" class="base">contenuto di un div a cui cambia la presentazione</div>

sfondo verde  :: 
bordo rosso :: 
sfondo verde e bordo rosso 

</body></html>