Regel in CSS Klasse ändern

[Blumentopf]

Hallo, ich versuche einen einfachen Language Switch ohne php zu schreiben.

Ich habe zweisprachigen Inhalt auf parallele divs mit unterschiedlichen Klassen verteilt. Nun habe ich folgende Styles definiert:

.en {display:inline;}
.de {display: none;}

per js würde ich nun gerne die Regeln bei Bedarf ändern.

Das versuche ich gerade auf folgende Weise, die leider nicht tut:

		document.styleSheets[0].deleteRule(0);
		document.styleSheets[0].insertRule('.en { display: none; }', 0);

Wahrscheinlich wende ich die Methoden völlig falsch an, habe aber leider nur wenig konkrete Anleitungen dazu gefunden. Vielleicht kann mir jemand da weiterhelfen?

Besten Dank und Grüße