当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Firefox 无法获取cssRules 的解决办法

Javascript
快速判断某个值是否在select中的方法
js-穷举法 (y0h)
彪哥1.1(智能表格)提供下载
prototype 1.5 & scriptaculous 1.6.1 学习笔记
IE中jscript/javascript的条件编译
prototype class详解
Javascript 事件捕获的备忘(setCapture,captureEvents)
showModelessDialog()使用详解
Mozilla中显示textarea中选择的文字
加入收藏夹代码(兼容 gecko)
b/s开发常用javaScript技术
一些有关检查数据的JS代码
Javascript 不能释放内存.
多附件上传组件演示
一个很Cool的JS菜单效果
打造个性化的Select(可编辑)
真正的连续滚动图片
js常用函数 不错
document.getElementById的一些细节
由浅到深了解JavaScript类

Javascript 中的 Firefox 无法获取cssRules 的解决办法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 81 ::
收藏到网摘: n/a

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 了.