CSS durch JS ändern.

[ChrisB]

Hi,

function bigFontSize() {

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

  
body kannst du über document.body ansprechen, da braucht es kein getElementsByTagName für; und eine Schleife ist auch höchst überflüssig, weil ein Dokument nur ein body-Element hat.  
  

> `<a href="" onClick="bigFontSize();">Gross</a>`{:.language-html}  
>   
> 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.  
  
… und danach wird die Seite neu geladen, weil du mit einem leeren href-Attribut wieder auf das aktuelle Dokument verwiesen hast, und Links nun mal zum Laden von Seiten führen.  
  

> Wie kann ich erreichen, dass die per JS vorgenommenen Änderungen dauerhaft bleiben?  
  
Indem du das Neuladen der Seite unterbindest:  
  
`<a href="#" onClick="bigFontSize();return false;">Gross</a>`{:.language-html}  
  
MfG ChrisB  
  

-- 
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?