javascript - 如何在JavaScript中动态创建CSS类并应用?

标签 javascript css stylesheet

我需要在 JavaScript 中动态创建一个 CSS 样式表类,并将其分配给一些 HTML 元素,如 div、table、span、tr 等,以及一些控件,如 asp:Textbox、Dropdownlist 和 datalist。

可能吗?

如果有 sample 就更好了。

最佳答案

这里有一个选项:

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>

关于javascript - 如何在JavaScript中动态创建CSS类并应用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44896714/

相关文章:

css - 与用户代理样式表 css 作斗争

css - RichFaces:根据事件皮肤加载不同的样式表

javascript - 如何使spawn进程仅继承stdio或错误?

javascript - 验证 JS 代码的 API/库/工具?

javascript - 检测 css-grid 自动流密集布局中的孔并调整然后调整元素大小

javascript - Rails 3 : Link that puts user information a specific section of to the current page, 没有刷新?

javascript - 我如何通过 javascript 为 css 代码运行这篇文章

javascript - 为什么 .innerText 在 Firefox 中不起作用?

javascript - React 应用程序和用户角色

rollover - 如何在内联元素中优雅地使用 css sprites?