Firefox 无法获取cssRules 的解决办法_javascript技巧
程序员文章站
2022-04-28 12:38:15
...
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 了.
推荐阅读
-
火狐下input焦点无法重复获取问题的解决方法_javascript技巧
-
关于火狐(firefox)及ie下event获取的两种方法_javascript技巧
-
JS 获取span标签中的值的代码 支持ie与firefox_javascript技巧
-
IE与FireFox的JavaScript兼容问题解决办法_javascript技巧
-
IE及firefox下获取及设置样式值的代码_javascript技巧
-
Firefox下无法正常显示年份的解决方法_javascript技巧
-
Firefox下无法正常显示年份的解决方法_javascript技巧
-
兼容IE,firefox的获取节点的文本值的javascript代码_javascript技巧
-
firefox下获取下列框选中option的text的代码_javascript技巧
-
javascript 同时在IE和FireFox获取KeyCode的代码_javascript技巧