Firefox 无法获取cssRules 的解决办法

 更新时间:2006年10月11日 00:00:00   作者:  
Firefox实在太BT了, 总给我们加一些无聊的安全权限设置. 这几天在做Qzone的FF兼容发现. 设置了domain 后, FF下无法获取 styleSheets 的 cssRules 了.
虽然无法获取 cssRules ,但是我惊讶地发现,居然可以对 styleSheets 里的样式进行 insert和delete .  这是那门子权限呀,无聊了不是. 

得给我 insert和delete 就够了. 利用这两个方法也可以对样式进行 update 操作. 为了让firefox兼容IE. 我修改了  CSSStyleSheet 的原型方法
复制代码 代码如下:

CSSStyleSheet.prototype.addRule = function(selectorText,cssText,index){
    return this.insertRule(selectorText+cssText,index);
}
CSSStyleSheet.prototype.removeRule = CSSStyleSheet.prototype.deleteRule

这样 firefox 也可以使用IE的 addRule 和 removeRule 了.

相关文章

  • 小议javascript 设计模式 推荐

    小议javascript 设计模式 推荐

    最近重新温习了一次《javascript设计模式》,确实是一本好书,每次看都有不同的领悟,每次领悟到的都受益匪浅,无怪古圣人都说学无止镜了,仅以“加油,好吗?”共勉!
    2009-10-10
  • 微信小程序后端(java)开发流程的详细步骤

    微信小程序后端(java)开发流程的详细步骤

    这篇文章主要介绍了微信小程序后端开发流程的详细步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • js实现的类marquee水平循环滚动

    js实现的类marquee水平循环滚动

    marquee (水平)循环滚动的js实现 ,需要的朋友可以参考下。
    2010-03-03
  • 微信小程序实现选项卡的方法

    微信小程序实现选项卡的方法

    这篇文章主要为大家详细介绍了微信小程序实现选项卡的方法,利用swiper组件实现选项卡功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 简单JS代码压缩器

    简单JS代码压缩器

    简单JS代码压缩器...
    2006-10-10
  • JavaScript组合拼接字符串的效率对比测试

    JavaScript组合拼接字符串的效率对比测试

    这篇文章主要介绍了JavaScript组合拼接字符串的效率对比测试,本文测试了IE6、Firefox、Mozilla、Netscape、Opera等浏览器,需要的朋友可以参考下
    2014-11-11
  • ES5和ES6中类的区别总结

    ES5和ES6中类的区别总结

    这篇文章主要给大家介绍了ES5和ES6中类的区别的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • ECMAScript5中的对象存取器属性:getter和setter介绍

    ECMAScript5中的对象存取器属性:getter和setter介绍

    这篇文章主要介绍了ECMAScript5中的对象属性存取器:getter和setter介绍,事实上在除ie外最新主流浏览器的实现中,任何一个对象的键值都可以被getter和setter方法所取代,这被称之为“存取器属性”,需要的朋友可以参考下
    2014-12-12
  • 兼容主流浏览器的JS复制内容到剪贴板

    兼容主流浏览器的JS复制内容到剪贴板

    这篇文章主要介绍了兼容主流浏览器的JS复制内容到剪贴板的实现方法及示例,非常实用,有需要的小伙伴参考下
    2014-12-12
  • div当滚动到页面顶部的时候固定在顶部实例代码

    div当滚动到页面顶部的时候固定在顶部实例代码

    使用Javascript实现了滚动页面时,DIV到达顶部时固定在顶部。在IE下效果有点闪,具体代码如下,感兴趣的朋友可以参考下哈
    2013-05-05

最新评论