如何在JavaScript中动态创建CSS类并应用? [英] How to dynamically create CSS class in JavaScript and apply?
本文介绍了如何在JavaScript中动态创建CSS类并应用?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要在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屋!
查看全文