rules与cssRules区别(ie与firefox)

function addcssrule(css,key,value){
//var css = document.stylesheets[document.stylesheets.length-1];
if(navigator.useragent.indexof("firefox")>0 )
{
css.insertrule(key+"{"+value+"}", css.cssrules.length)
}
else
{
css.addrules(key,value);
}
}
function removecssrule(key){
for(var i = 0; i < document.stylesheets.length; i++){
var css = document.stylesheets[i];
navigator.useragent.indexof("firefox")>0 ?
(function(){
for(var j = 0; j < css.cssrules.length; j++){
if(css.cssrules[j].selectortext==key){
css.deleterule(j);
}
}
})() :
(css.removerule(key)) ;
}
}

 

时间: 2024-09-28 03:55:38

rules与cssRules区别(ie与firefox)的相关文章

document.styleSheets[0].rules 与 cssRules区别_javascript技巧

今天使用firefox,突然发现一点小问题.前者用于IE,后者用于mozilla浏览器.  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 而且 rules 和 cssRules 的计数方法也是不一样的!rules 是第几个选择器:cssRules 是第几条规则.分别用 IE 和 firefox 运行下面的代码可知. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

firefox火狐浏览器与与ie兼容的2个问题总结_javascript技巧

1:rules与cssRules区别: 复制代码 代码如下: function addCSSRule(css,key,value){ //var css = document.styleSheets[document.styleSheets.length-1]; if(navigator.userAgent.indexOf("Firefox")>0 ) { css.insertRule(key+"{"+value+"}", css.cssR

DOM文档和Javascript的IE和Firefox兼容性

长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异 : 二.样式访问和设置 : 三.DOM方法及对象引用 : 四.事件处理 : 五.其他差异的兼容处理 .   一.函数和方法差异 1 . getYear()方法 [分析说明]先看一下以下代码: var year= new Date().getYear(); do

IE和Firefox的Javascript兼容性总结[推荐收藏]_javascript技巧

长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理: 五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: 复制代码 代码如下: var year= new Date().getYear();

CSS HACK:IE6、IE7、IE8、Firefox兼容性问题解决

1.区别IE和非IE浏览器 #tip { background:blue; /*非IE 背景藍色*/ background:red 9; /*IE6.IE7.IE8背景紅色*/ } 2.区别IE6,IE7,IE8,FF [区别符号]:「9」.「*」.「_」 [示例]: #tip { background:blue; /*Firefox 背景变蓝色*/ background:red 9; /*IE8 背景变红色*/ *background:black; /*IE7 背景变黑色*/ _backgro

浅谈Firefox与Chrome的设计理念

如你所见,我本人一直都是一个Firefox的重度用户.所以我写的关于Firefox的文章绝对不在少数,比如前几天的这篇文章中,就十分详细的阐述了我为什么选择火狐浏览器. 最近这几天来,浏览器市场可谓是硝烟弥漫.先是网民集体为IE6举行了葬礼:接着是微软官方宣布IE9将完美支持HTML5:号称地球上最快的Opera10.5如期发布:在这一切尘埃尚未落定的时候,Firefox又因为难以逾越25%的市场占有率而被人抨击:随即Mozila也迅速反击,称Firefox之所以在JS上效率不如其他浏览器并不是

JavaScript高级程序设计 DOM学习笔记_javascript技巧

第十章 DOM DOM是针对XML和HTML文档的一个API:即规定了实现文本节点操控的属性.方法,具体实现由各自浏览器实现. 1. 节点层次 1) 文档节点:document,每个文档的根节点. 2) 文档元素:即<html>元素,文档最外层元素,文档节点第一个子节点. 3) Node类型: ①Node是DOM中各种节点类型的基类型,共享相同的基本属性和方法. □ Node.Element_NODE(1); □ Node.ATTRIBUTE_NODE(2); □ Node.TEXT_NODE

javascript操作styleSheet样式的例子

 代码如下 复制代码 0: CSSStyleSheet cssRules: CSSRuleList 0: CSSStyleRule length: 1 __proto__: CSSRuleList disabled: false href: null media: MediaList ownerNode: style ownerRule: null parentStyleSheet: null rules: CSSRuleList title: null type: "text/css"

JavaScript DOM操作表格及样式

 一 操作表格 <table>标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTMLDOM来操作它; 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 // 使用DOM来创建表格; var table = document.createElement('table'); table.border = 1; table.width = 300;   var caption = document.