我需要在JavaScript中动态创建一个CSS样式表类，并将其分配给一些HTML元素，如- div，表，span, tr等，以及一些控件，如asp:Textbox，下拉列表和数据列表。
这可能吗?
要是有样品就好了。
当前回答
有一个轻量级的jQuery插件可以生成CSS声明:jQuery- injectcss
事实上，它使用JSS (JSON描述的CSS)，但是为了生成动态CSS样式表，它很容易处理。
$.injectCSS({
"#test": {
height: 123
}
});
其他回答
以下是我的模块化解决方案:
var final_style = document.createElement('style');
final_style.type = 'text/css';
function addNewStyle(selector, style){
final_style.innerHTML += selector + '{ ' + style + ' } \n';
};
function submitNewStyle(){
document.getElementsByTagName('head')[0].appendChild(final_style);
final_style = document.createElement('style');
final_style.type = 'text/css';
};
function submitNewStyleWithMedia(mediaSelector){
final_style.innerHTML = '@media(' + mediaSelector + '){\n' + final_style.innerHTML + '\n};';
submitNewStyle();
};
基本上你在代码的任何地方都可以: addNewStyle('body'， 'color: ' + color1);，其中color1为已定义变量。
当你想要“发布”当前CSS文件时，你只需做submitNewStyle()， 之后你还可以添加更多的CSS。
如果你想添加“媒体查询”，你可以选择。 在“addingNewStyles”之后，你只需使用submitNewStyleWithMedia('min-width: 1280px');。
这对我的用例非常有用，因为我正在根据当前时间更改公共(不是我的)网站的CSS。我在使用“活动”脚本之前提交一个CSS文件，然后提交其余的文件(使站点看起来有点像它应该在通过querySelector访问元素之前)。
有一个轻量级的jQuery插件可以生成CSS声明:jQuery- injectcss
事实上，它使用JSS (JSON描述的CSS)，但是为了生成动态CSS样式表，它很容易处理。
$.injectCSS({
"#test": {
height: 123
}
});
这里有一个选项:
var style = document.createElement（'style'）; style.type = 'text/css'; style.innerHTML = '.cssClass { color： #f00; }'; document.getElementsByTagName（'head'）[0].appendChild（style）; document.getElementById（'someElementId'）.className = 'cssClass'; <div id=“someElementId”>test text</div>
在一行中，将一个或多个新的级联规则附加到文档中。
这个例子附加了一个游标:指向每个按钮、输入、选择的指针。
document.body.appendChild(Object.assign(document.createElement("style"), {textContent: "select, button, input {cursor:pointer}"}))
为了搜索者的利益;如果你正在使用jQuery，你可以做以下事情:
var currentOverride = $('#customoverridestyles');
if (currentOverride) {
currentOverride.remove();
}
$('body').append("<style id=\"customoverridestyles\">body{background-color:pink;}</style>");
显然，你可以改变内部css为任何你想要的。
有些人更喜欢纯JavaScript，但它可以工作，并且在动态编写/覆盖样式方面非常健壮。
