Namen von Klassen dynamisch ändern?

[lousypoetry]

Hallo zusammen!

Mal ne Frage: kann man per JavaScript den Namen einer Klasse ändern? Es geht mir nicht darum, einem Objekt eine andere Klasse zuzuweisen!)

Angenommen ich hab eine externe CSS-Datei in der eine Klasse

.haupt {...}

gespeichert ist, die ich für eine HTML-Seite brauche. Auf einer anderen Seite brauche ich die Klasse ebenfalls, es ändert sich jedoch eine Eigenschaft (zB color). Also eine Klasse

.haupt_1 {...}

Da ich faul bin und viel mit copy/paste arbeite, muss ich jetzt überall aus .haupt haupt_1 machen, daher kam mir die Idee, ob man nicht zB mit einer Funktion beim Laden der Seite befehlen könnte, dass die Klasse .haupt in dieser Seite .haupt_1 sein soll...

Vielleicht versteh ja jemand was ich meine... ;-) Danke!