js为元素动态添加css代码

weixin_30919919

于 2019-08-08 06:20:38 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/samlin/archive/2008/11/06/1328318.html

本文介绍了如何在不同浏览器（IE和Firefox）中使用JavaScript动态添加CSS样式的方法，通过创建样式表或style元素来实现跨浏览器的兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE：

Code
cssStr = "p { color:#FF0000;} a { font-size:9pt;}";
var style = win.document.createStyleSheet();
style.cssText = cssStr;

FF：

Code
cssStr = "p { color:#FF0000;} a { font-size:9pt;}";
var style = win.document.createElement("style"); 
style.type = "text/css"; 
style.innerHTML = cssStr; 
win.document.getElementsByTagName("HEAD").item(0).appendChild(style);

转载于:https://www.cnblogs.com/samlin/archive/2008/11/06/1328318.html