Javascript et Css en total coordination

Peut-on associer un evenement du style <button onclick="mafonction()">Changer de style</button>
mafonction() serait ici une fonction qui a pour but de changer le style de la page, mais comment faire pour que quand l'utilisateur appuie sur ce bouton la page change totalement de style (css), comme si la fonction aller appelé une feuille de style externe et que celle-ci remplace celle par défaut.
Je sais changer de couleur de fond mais c'est pas cela qui m'interesse. Comment faire ?

Tu peux regarder sur ce site, il explique comment faire pour switcher de feuille de style au complet.

http://batraciens.net/css-astuces/skins-changement.htm