javascript - 是否有一个 javascript 库可以读取样式字符串并将适当的样式添加到给定元素？

Question

我正在寻找一个库/代码，它可以从字符串中读取元素的样式，然后将样式应用于该字符串中的元素。例如考虑这段代码:

jsLibrary.setStyle("body{width:90%}div{background:red}.blue{color:bule}");

我希望这个库读取作为参数传递给它的字符串，然后为 body、div 和 .blue 设置样式.

有这样的东西吗？

Answer 1

您不需要库或任何复杂的解析代码来执行此操作 - 您只需插入一个 <style>带有相关文本的元素 - 浏览器将正常解析和使用它。

var s = document.createElement('style');
s.innerText = "body{width:90%}div{background:red}.blue{color:blue}";
document.body.appendChild(s)

<div>abc</div>
<div class="blue">xyz</div>