是否有javascript库读取样式字符串并向给定元素添加适当的样式？

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

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

我希望此库读取作为参数传递给它的字符串，然后设置

body

、

div

和

.blue

的样式

---

这样的东西存在吗？

您只需将

样式

-元素附加到文档中即可。请参阅以下答案：

您只需在文档中附加一个

样式

-元素即可。查看此答案：

您不需要库或任何复杂的解析代码来完成此操作-您只需插入带有相关文本的

元素-浏览器将正常解析和使用它

var s=document.createElement（'style'）；
s、 innerText=“body{width:90%}div{background:red}.blue{color:blue}”；
document.body.appendChild

abc
xyz

您不需要库或任何复杂的解析代码来执行此操作-您只需插入带有相关文本的

元素-浏览器将正常解析并使用它

var s=document.createElement（'style'）；
s、 innerText=“body{width:90%}div{background:red}.blue{color:blue}”；
document.body.appendChild

abc
xyz

只需创建一个新的样式标记，并将CSS代码粘贴到那里：

本机javascript: Jquery：

函数添加样式（css）{
$（“head”）。追加（“+css+”）；
}

只需创建一个新的样式标记，并将CSS代码粘贴到其中：

本机javascript: Jquery：

函数添加样式（css）{
$（“head”）。追加（“+css+”）；
}

function addStyle(css) {
    var head = document.head || document.getElementsByTagName('head')[0],
    var style = document.createElement('style');

    style.type = 'text/css';
    if (style.styleSheet){
      style.styleSheet.cssText = css;
    } else {
      style.appendChild(document.createTextNode(css));
    }

    head.appendChild(style);
}

function addStyle(css) {
    $("head").append("<style type='text/css'>"+css+"</style>");
}