Html 如何动态地重新加载.css？

我有一个网站，我想提出不同的风格进行评估，让用户点击一个（s）链接，根据建议的风格得到加载。如何动态重新加载.css文件？

使用javascript，您应该能够操作css元素（例如

document.createElement（“样式”）；

然后将所需内容填入其中并附加到页面。替换该元素将更改页面样式所用的css。但是，如果您尝试在链接的.css文件之间切换，它可能无法动态工作，因为它可能需要页面刷新。

这就成功了

<script type="text/javascript">
    function loadjscssfile(filename) {
            var fileref = document.createElement("link")
            fileref.setAttribute("rel", "stylesheet")
            fileref.setAttribute("type", "text/css")
            fileref.setAttribute("href", filename)
        }
        if (typeof fileref != "undefined")
            document.getElementsByTagName("head")[0].appendChild(fileref)
    }    
</script>

函数loadjscssfile（文件名）{
var fileref=document.createElement（“链接”）
fileref.setAttribute（“rel”、“样式表”）
fileref.setAttribute（“类型”、“文本/css”）
fileref.setAttribute（“href”，文件名）
}
if（fileref的类型！=“未定义”）
document.getElementsByTagName（“head”）[0]。appendChild（fileref）
}