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

更新时间：2014年08月20日 10:49:13 投稿：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";

您可能感兴趣的文章:

javascript实现锁定网页、密码解锁效果（类似系统屏幕保护效果）
这篇文章主要介绍了javascript实现锁定网页、密码解锁效果,跟Windows系统的屏幕保护效果类似,需要的朋友可以参考下
2014-08-08
js实现连续英文字符自动换行兼容ie6 ie7和firefox
英文字符自动换行,通过js脚本截断字符串,此方法通用ie6,ie7,firefox，使用CSS控制强制换行实现不了的朋友可以尝试下
2013-09-09
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
实现了六款简单常见HTML5 Canvas特效滤镜，并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js，程序源代码如下，感兴趣的朋友可以参考下哈
2013-06-06
JS循环中正确使用async、await的姿势分享
async / await是ES7的重要特性之一,也是目前社区里公认的优秀异步解决方案,下面这篇文章主要给大家介绍了关于JS循环中正确使用async、await的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2021-12-12
JS中的进制转换以及作用
这篇文章主要介绍了JS中的进制转换以及作用的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
js控制滚动条滚动的两种简单方法
这篇文章主要给大家介绍了关于js控制滚动条滚动的两种简单方法,通过JavaScript可以直接控制滚动条的位置,从而达到锁定滚动条的效果,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2023-07-07
uniapp基础篇之上传图片的实战步骤
应用uni-app开发跨平台App项目时,上传图片、文档等资源功能需求十分常见,下面这篇文章主要给大家介绍了关于uniapp基础篇之上传图片的相关资料,需要的朋友可以参考下
2022-12-12
一文详解JS中的事件循环机制
JavaScript是单线程的编程语言，只能同一时间内做一件事。但是在遇到异步事件的时候，js线程并没有阻塞，还会继续执行。这是因为JS有事件循环机制，本文就为大家详细讲解一下这一机制，需要的可以参考一下
2022-03-03
JS控制表单提交的方法
这篇文章主要介绍了JS控制表单提交的方法,可实现基于javascript提交表单信息的功能,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
需要实现这样的效果，就是给超链接添加特效当鼠标移动到上展示提示信息且提示信息跟随鼠标移动，经测试还不错，感兴趣的朋友可以参考下
2013-10-10