js 动态修改css文件的方法

 更新时间:2014年08月05日 09:30:03   投稿:whsnow  
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";

相关文章

  • 支持移动端原生js轮播图

    支持移动端原生js轮播图

    这篇文章主要介绍了支持移动端原生js轮播图的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 原生js实现照片墙效果

    原生js实现照片墙效果

    这篇文章主要介绍了原生js实现照片墙效果,帮助大家更好的利用js制作特效,感兴趣的朋友可以了解下
    2020-10-10
  • js读取json文件片段中的数据实例

    js读取json文件片段中的数据实例

    下面小编就为大家带来一篇js读取json文件片段中的数据实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • BootStrapTable 单选及取值的实现方法

    BootStrapTable 单选及取值的实现方法

    学习bootstrapTable 一直没有找到 单选框的选定的和取值的教程,接下来通过本文给大家分享BootStrapTable 单选及取值的实现方法,非常不错,需要的朋友参考下
    2017-01-01
  • 引入JavaScript时alert弹出框显示中文乱码问题

    引入JavaScript时alert弹出框显示中文乱码问题

    今天在HTML中引入JavaScript文件运行时,alert弹出的提示框中文显示为乱码,怎么解决此问题呢?下面小编给大家带来了引入JavaScript时alert弹出框显示中文乱码问题的解决方法,一起看看吧
    2017-09-09
  • JS如何将秒数转化为时分秒的形式

    JS如何将秒数转化为时分秒的形式

    在实际工作中经常会遇见把秒数转化为时分秒的问题,如何处理呢?下面这篇文章主要给大家介绍了关于JS如何将秒数转化为时分秒形式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 关于Object.entries()方法的使用和实现方式

    关于Object.entries()方法的使用和实现方式

    这篇文章主要介绍了关于Object.entries()方法的使用和实现方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • Javascript 圆角div的实现代码

    Javascript 圆角div的实现代码

    为什么要做圆角的div: 圆角div平滑美观,某些情况下有比较不错的效果。比如说要做一个报message的消息框,那么动态的生成一个圆角div则很有意义。而对html样式控制的css本身是不直接支持圆角div的。
    2009-10-10
  • 利用Three.js如何实现阴影效果实例代码

    利用Three.js如何实现阴影效果实例代码

    使用three.js可以方便的让我们在网页中做出各种不同的3D效果,下面这篇文章主要给大家介绍了关于利用Three.js如何实现阴影效果的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-09-09
  • JS 屏蔽键盘不可用与鼠标右键不可用的方法

    JS 屏蔽键盘不可用与鼠标右键不可用的方法

    这篇文章主要介绍了JS 屏蔽键盘不可用与鼠标右键不可用的方法,有需要的朋友可以参考一下
    2013-11-11

最新评论