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 了.
虽然无法获取 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设计模式》，确实是一本好书，每次看都有不同的领悟，每次领悟到的都受益匪浅，无怪古圣人都说学无止镜了，仅以“加油，好吗？”共勉！2009-10-10
这篇文章主要介绍了微信小程序后端开发流程的详细步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
marquee （水平）循环滚动的js实现 ,需要的朋友可以参考下。2010-03-03
这篇文章主要为大家详细介绍了微信小程序实现选项卡的方法，利用swiper组件实现选项卡功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
简单JS代码压缩器...2006-10-10
这篇文章主要介绍了JavaScript组合拼接字符串的效率对比测试,本文测试了IE6、Firefox、Mozilla、Netscape、Opera等浏览器,需要的朋友可以参考下2014-11-11
这篇文章主要给大家介绍了ES5和ES6中类的区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
ECMAScript5中的对象存取器属性：getter和setter介绍
这篇文章主要介绍了ECMAScript5中的对象属性存取器：getter和setter介绍,事实上在除ie外最新主流浏览器的实现中,任何一个对象的键值都可以被getter和setter方法所取代,这被称之为“存取器属性”,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了兼容主流浏览器的JS复制内容到剪贴板的实现方法及示例，非常实用，有需要的小伙伴参考下2014-12-12
使用Javascript实现了滚动页面时，DIV到达顶部时固定在顶部。在IE下效果有点闪，具体代码如下，感兴趣的朋友可以参考下哈2013-05-05
最新评论