脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 动态修改css文件

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";
您可能感兴趣的文章:

相关文章

  • js 中的switch表达式使用示例

    js 中的switch表达式使用示例

    switch 这种表达式在很多语言中都有，比如java, C等待， 使用switch比使用if else 来得方便，来得清晰，下面为大家详细介绍下其具体的使用，感兴趣的朋友可以参考下
    2013-09-09
  • 关于删除时的提示处理（确定删除吗）

    关于删除时的提示处理（确定删除吗）

    在删除时为了提醒用户删除数据的不可恢复一般都会有提示处理的，通常会使用js做到这一点，下面有个不错的示例，感兴趣的朋友可以参考下
    2013-11-11
  • touch.js 拖动、缩放、旋转 （鼠标手势）功能代码

    touch.js 拖动、缩放、旋转 （鼠标手势）功能代码

    这篇文章主要介绍了touch.js 拖动、缩放、旋转 （鼠标手势)功能,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-02-02
  • JavaScript函数的特性与应用实践深入详解

    JavaScript函数的特性与应用实践深入详解

    这篇文章主要介绍了JavaScript函数的特性与应用实践,结合实例形式较为深入的分析了javascript函数相关概念、特性、用法及操作注意事项,需要的朋友可以参考下
    2018-12-12
  • Typescript 函数重载的实现

    Typescript 函数重载的实现

    本文主要介绍了Typescript 函数重载的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 让div运动起来 js实现缓动效果

    让div运动起来 js实现缓动效果

    让div运动起来，这篇文章主要介绍了js实现缓动效果的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 使用ECharts进行数据可视化的代码详解

    使用ECharts进行数据可视化的代码详解

    ECharts 是一个由百度开源的强大、灵活的 JavaScript 图表库,用于在 Web 页面上创建各种类型的数据可视化图表,它具有丰富的图表类型、强大的配置选项和良好的跨平台兼容性,本文介绍了如何使用ECharts进行数据可视化,需要的朋友可以参考下
    2024-08-08
  • 原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面

    原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面

    今天小编给大家分享基于原生JS实现一个炫酷的登录页面，实现效果有点像重力模拟弹跳系统，效果非常棒，需要的朋友参考下实现代码吧
    2017-11-11
  • JavaScript中apply方法的应用技巧小结

    JavaScript中apply方法的应用技巧小结

    这篇文章给大家总结了在js中apply方法的一些应用技巧，通过这些技巧对大家日常的使用相信会有帮助，有需要的朋友们下面来一起看看吧。
    2016-09-09
  • JavaScript中的await函数使用小结

    JavaScript中的await函数使用小结

    async 函数是 AsyncFunction 构造函数的实例,并且其中允许使用 await 关键字,async 和 await 关键字让我们可以用一种更简洁的方式写出基于 Promise 的异步行为,而无需刻意地链式调用 promise,这篇文章主要介绍了JavaScript中的await,需要的朋友可以参考下
    2024-01-01

最新评论