首页 > 语言 > JavaScript > 正文

js 动态修改css文件的方法

2024-05-06 16:07:30
字体:
来源:转载
供稿:网友
css文件可以用js 动态修改,在做一些交互动作时,非常实用,下面是具体示例,大家可以看看
 
 
_.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; } if(cssRule.selectorText && cssRule.selectorText.indexOf("#pageIndi_content, #page1_l1_content, #page_appList") >-1){ cssRule.style.padding = "0px"; } if(cssRule.selectorText && cssRule.selectorText.indexOf("#page1_index_content") >-1){ cssRule.style.padding = "0px"; } });

循环用的underscore,在使用cssRule不能直接使用下面的代码,否则不会生效

cssRule.style=" left: 0;position:'';right: 0; top: 0px;z-index: 1031;";

只能使用

cssRule.style.padding = "0px";

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选