将css文件嵌入到内部<style>元素中

时间:2017-12-20 21:59:30

标签: javascript css reactjs filesystems

我正在尝试动态交换不同的样式表。因为我正在使用React,所以我需要的样式表()作为“样式”元素嵌入到html中。
&#xA;我试图删除旧样式元素并创建新样式元素,其中包含新的样式表。
&#xA;然而,我已经意识到,将我的newstyle.css中的内容“插入”到我只是的&lt; style&gt; 元素并不是一件容易的事。创建。

&#xA;&#xA;

这是否有一个优雅的解决方案?

&#xA;&#xA;

我尝试过的是阅读我的.css文件通过使用xhttp GET请求但我失败了。关于这个特定主题有一些问题,但是我怀疑React的情况有所不同,因为我似乎不能只提供一个简单的相对路径到我的style.css到xhttp GET。

&#xA ;&#xA;

我也寻找React特定的文件阅读器,但一般都找不到。也许我的“手动”读取文件的方法不适合使用React,节点等的项目。

&#xA;&#xA;

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

&#xA;

1 个答案:

答案 0 :(得分:0)

这样的事情有用吗?

const newCSS = document.createElement('link');
newCSS.href = `/path/to/templates/${style}.css`;
newCSS.rel = 'stylesheet';
document.head.appendChild(newCSS);