请看一下下面的 html。 编辑:更新了 HTML 部分
<div id="html_editor">
<head>
<style type="text/css" >
.blog
{
border:2px solid grey;
width:auto;
}
<style>{customcss}</style>
</style>
</head>
</html>
</div>
请看一下Css类“博客”，我想通过js/jQuery向该类添加一些其他值。 实际上它是一个 HTML 编辑器，在主体标签上用户选择“博客”元素，所以当时我想让用户为博客设置 CSS，用户在文本区域上更改 CSS，之后我想要将数据附加/重写到该“博客”类。
例如:用户设置类如下
width:250px;
background:red;
key:value..etc..
所以之后我想将“博客”CSS 类更改为
.blog
{
width:250px;
background:red;
key:value..etc..
}
我怎样才能实现这个目标？有什么方法可以使用 jQuery 吗？
更新:请检查此图片。
谢谢。
最佳答案
对于这样的 HTML:
<style id="mycss" type="text/css" >
.blog
{
border:2px solid grey;
color:black;
}
</style>
<div class="blog">This is a blog</div>
试试这个js:
var style = document.getElementById("mycss");
newrule = document.createTextNode('.blog { color:red;}');
style.appendChild(newrule);
这不是很有效，因为它会覆盖之前的规则，但您可以获得通用方法。
关于javascript - 将数据附加到css类-jQuery字符串操作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7857585/