css 样式有等效的 eval 吗？

Question

我有一个从外部资源加载的样式元素，我想应用它的样式而不将其内联。

例如，<link rel="stylesheet" type="text/css" href="my.css" />将加载一个 css 文件并应用它的规则，而不将其内联，并且<script src="zepto.js"></script>会对 javascript 执行相同的操作。

如果你加载外部的 js，你可以使用它来评估它，eval()尽管这是不被允许的。

但是，当加载外部样式时，除了将其添加到 dom 之外，我不知道如何评估它。

那么对于样式是否有类似于 eval 对于脚本的功能呢？有谁知道一个好的技巧可以达到相同的效果？

只要样式适用且不会出现在 dom 中，一切都可以。

Answer 1

您需要创建一个style标签添加到head，然后将完整的 css 内容设置到innerHTML。

前任：

var style = document.createElement('style');
style.type = 'text/css';
document.getElementsByTagName('head')[0].appendChild(style);

//here is the magic.
style.innerHTML = 'put the css content'; 
//Ex: style.innerHTML = '.cssClass { color: #F00; }';