CSS durch JS ändern.

[Jan]

Hallo,

ich möchte durch einen Klick sämtliche Schriftgrößen meiner Homepage größer darstellen. Hierzu habe ich gegoogelt und folgendes über selfHTML gefunden:

function bigFontSize() {  
	var elem = document.getElementsByTagName('body');  
	for(i=0;i<elem.length;i++) {  
     	elem[i].style.fontSize = 250+"%";  
   	}  
}

<a href="" onClick="bigFontSize();">Gross</a>

Leider funktioniert das nur bedingt. Wenn ich auf den Link klicke, wird die Schrift der kompletten Homepage zwar um einiges größer, allerdings nur für 1 Sekunde. Anschließend wechsel sie wieder zurück zu ihrem normalen Zustand. Weiteres Googeln nach "automatically reverts back" etc. brachte mich nicht weiter. Wie kann ich erreichen, dass die per JS vorgenommenen Änderungen dauerhaft bleiben?

Vielen Dank.!