javascript如何动态生成css代码-创新互联

这篇文章主要为大家展示了“javascript如何动态生成css代码”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“javascript如何动态生成css代码”这篇文章吧。

成都创新互联公司秉承实现全网价值营销的理念，以专业定制企业官网，网站建设、成都网站设计，微信小程序定制开发，网页设计制作，成都手机网站制作，全网整合营销推广帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理，汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。

javascript 动态生成css代码的两种方法

有时候我们需要利用js来动态生成页面上style标签中的css代码，方法很直接，就是直接创建一个style元素，然后设置style元素里面的css代码，最后把它插入到head元素中。但有些兼容性问题我们需要解决。首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一个文本节点插入到style元素中即可，而在IE中则需要利用style元素的styleSheet.cssText来解决。还需要注意的就是在有些版本IE中一个页面上style标签数量是有限制的，如果超过了会报错，需要考虑这点。

方法1：

给