动态样式：将规则插入到css中

Question

我有一个样式页面，应该允许用户不仅改变网页的样式而且改变整个网站的样式。 为此，我计划在用户选择属性时将规则插入主样式表。 我有道具通过其id调用我的样式表，然后插入规则。 任何人都知道如何去做？我的样式表id是myStylesheet ... 要完成，我不想更改样式表或添加新样式表。 如果你这样做它只适用于那一页，我希望我的整个网站都可以更改。 javascript中的函数应该如下所示：

     funcion bg1 {
     var sheet = document.styleSheets[myStylesheet];
     sheet.insertRule(
          "body{    background-image: url(../afbeeldingen/bg1.jpg);
          background-position: center;
          background-repeat: repeat;
          background-size:100%;}"
     ;}

但是我无法让它工作