编程 Javascript

js 动态修改css文件的方法

Posted in Javascript onAugust 05, 2014

_.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 动态修改css文件的方法

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

动态表格Table类的实现

Aug 26 Javascript

关于IE、Firefox、Opera页面呈现异同写脚本很痛苦

Aug 28 Javascript

现如今最流行的JavaScript代码规范

Mar 08 Javascript

JavaScript实现仿网易通行证表单验证

May 25 Javascript

JavaScript如何动态创建table表格

Aug 02 Javascript

第七篇Bootstrap表单布局实例代码详解(三种表单布局)

Jun 21 Javascript

Vue中的异步组件函数实现代码

Jul 20 Javascript

基于element-ui的rules中正则表达式

Sep 04 Javascript

快速解决vue动态绑定多个class的官方实例语法无效的问题

Sep 05 Javascript

JavaScript事件冒泡机制原理实例解析

Jan 14 Javascript

原生JavaScript实现留言板

Jan 10 Javascript

JavaScript canvas实现流星特效

May 20 Javascript

JS实现关键字搜索时的相关下拉字段效果

Aug 05 #Javascript

js实现点击后将文字或图片复制到剪贴板的方法

Aug 04 #Javascript

JavaScript中的函数重载深入理解

Aug 04 #Javascript

window.print打印指定div指定网页指定区域的方法

Aug 04 #Javascript

jQuery 删除或是清空某个HTML元素示例

Aug 04 #Javascript

js实现正方形颜色从下往上升的效果

Aug 04 #Javascript

与Math.pow 相反的函数使用介绍

Aug 04 #Javascript

You might like

第八节访问方式 [8]

2006/10/09 PHP

php 广告调用类代码(支持Flash调用)

2011/08/11 PHP

ThinkPHP分页类使用详解

2014/03/05 PHP

在Linux系统下一键重新安装WordPress的脚本示例

2015/06/30 PHP

TP3.2批量上传文件或图片同名冲突问题的解决方法

2017/08/01 PHP

PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解

2019/12/20 PHP

csdn 批量接受好友邀请

2009/02/19 Javascript

jQuery EasyUI中对表格进行编辑的实现代码

2010/06/10 Javascript

基于JQuery的简单实现折叠菜单代码

2010/09/15 Javascript

jQuery操作表单常用控件方法小结

2015/03/23 Javascript

JavaScript判断是否为数字的4种方法及效率比较

2015/04/01 Javascript

Javascript节点关系实例分析

2015/05/15 Javascript

javascript表单验证大全

2015/08/12 Javascript

js实现向右横向滑出的二级菜单效果

2015/08/27 Javascript

对Js OOP编程创建对象的一些全面理解

2016/07/26 Javascript

JavaScript基本类型值-Undefined、Null、Boolean

2017/02/23 Javascript

Vuejs 组件——props数据传递的实例代码

2017/03/07 Javascript

vue axios整合使用全攻略

2018/05/24 Javascript

Vue+Typescript中在Vue上挂载axios使用时报错问题

2019/08/07 Javascript

webpack4 optimization使用总结

2019/11/10 Javascript

javascript局部自定义鼠标右键菜单

2020/12/08 Javascript

element-ui点击查看大图的方法示例

2020/12/14 Javascript

Pyramid Mako模板引入helper对象的步骤方法

2013/11/27 Python

详解python的webrtc库实现语音端点检测

2017/05/31 Python

PyQt5每天必学之创建窗口居中效果

2018/04/19 Python

python Pexpect 实现输密码 scp 拷贝的方法

2019/01/03 Python

详解用Python练习画个美队盾牌

2019/03/23 Python

python通过实例讲解反射机制

2019/10/17 Python

CSS3 画基本图形，圆形、椭圆形、三角形等

2016/09/20 HTML / CSS

Currentbody美国/加拿大：美容仪专家

2020/03/09 全球购物

L’Artisan Parfumeur官网：法国香水品牌

2020/08/11 全球购物

北承题目(C++)

2012/05/16 面试题

被告答辩状范文

2015/05/22 职场文书

新闻稿件写作范文

2015/07/18 职场文书

大学生党课感想

2015/08/11 职场文书

springboot集成springCloud中gateway时启动报错的解决

2021/07/16 Java/Android