我正在尝试动态交换不同的样式表。因为我正在使用React,所以我需要的样式表()作为“样式”元素嵌入到html中。

我试图删除旧样式元素并创建新样式元素,其中包含新的样式表。

然而,我已经意识到,将我的newstyle.css中的内容“插入”到我只是的< style>
元素并不是一件容易的事。创建。
这是否有一个优雅的解决方案?


我尝试过的是阅读我的.css文件通过使用xhttp GET请求但我失败了。关于这个特定主题有一些问题,但是我怀疑React的情况有所不同,因为我似乎不能只提供一个简单的相对路径到我的style.css到xhttp GET。
&#xA ;
我也寻找React特定的文件阅读器,但一般都找不到。也许我的“手动”读取文件的方法不适合使用React,节点等的项目。


感谢您的帮助,我希望这个问题不是多余或模糊。

答案 0 :(得分:0)
这样的事情有用吗?
const newCSS = document.createElement('link');
newCSS.href = `/path/to/templates/${style}.css`;
newCSS.rel = 'stylesheet';
document.head.appendChild(newCSS);