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

2019-12-21,,,

 _.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";

您可能感兴趣的文章:

  • JS动态修改表格cellPadding和cellSpacing的方法
  • js动态修改表格行colspan列跨度的方法
  • JS来动态的修改url实现对url的增删查改
  • js 动态修改css文件的方法
  • js动态修改input输入框的type属性(实现方法解析)
  • JS自定义功能函数实现动态添加网址参数修改网址参数值
  • js动态修改整个页面样式达到换肤效果
  • IE6下JS动态设置图片src地址问题
  • JS动态修改图片的URL(src)的方法

《js 动态修改css文件用到了cssRule.doc》

下载本文的Word格式文档,以方便收藏与打印。