如何在 JavaScript 中动态创建 CSS 类并应用? [英] How to dynamically create CSS class in JavaScript and apply?

问题描述

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

I need to create a CSS stylesheet class dynamically in JavaScript and assign it to some HTML elements like - div, table, span, tr, etc and to some controls like asp:Textbox, Dropdownlist and datalist.

有可能吗?

如果有样品就好了.

推荐答案

虽然我不确定您为什么要用 JavaScript 创建 CSS 类，但这里有一个选项:

Although I'm not sure why you want to create CSS classes with JavaScript, here is an option:

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';

这篇关于如何在 JavaScript 中动态创建 CSS 类并应用?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！