javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > 动态修改css文件

js 动态修改css文件用到了cssRule

投稿:whsnow

js 动态修改css文件,循环用的underscore,在使用cssRule只能使用cssRule.style.padding=0px,详细示例如下
 _.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";
您可能感兴趣的文章:
阅读全文