我正在寻找一个库/代码,它可以从字符串中读取元素的样式,然后将样式应用于该字符串中的元素。例如考虑这段代码:
jsLibrary.setStyle("body{width:90%}div{background:red}.blue{color:bule}");
我希望这个库读取作为参数传递给它的字符串,然后为 body
、div
和 .blue
设置样式.
有这样的东西吗?
最佳答案
您不需要库或任何复杂的解析代码来执行此操作 - 您只需插入一个 <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>
关于javascript - 是否有一个 javascript 库可以读取样式字符串并将适当的样式添加到给定元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38225919/