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

标签 javascript html css

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

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

我希望这个库读取作为参数传递给它的字符串,然后为 bodydiv.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/

相关文章:

javascript - 正则表达式 - 忽略带有多个捕获的注释 xml 行

jquery - 事件类菜单 HTML-CSS-JS 不工作

html - Angularjs - 在 URL 更改时将 html 代码 append 到正文

html - 使用 HTML 和 CSS 在 float 图像列表项上放置文本?

css - 将 div 放置在具有流畅布局的 html Canvas 之上

html - bootstrap,如何将文本放在 div 中的图像上

javascript - REACT 动态注入(inject) SVG。 react svg

javascript - 当 openssl 命令行执行时,Node.js 验证功能不验证签名

javascript - Angular - ng-disabled 在范围更改后不起作用

jquery - 带 CSS 的全高列?