document.styleSheets[0].rules 与 cssRules区别

今天使用firefox，突然发现一点小问题。前者用于IE，后者用于mozilla浏览器。

a {color:red}

if(document.styleSheets[0].cssRules){
alert(document.styleSheets[0].cssRules[0].style.cssText)
}else{
alert(document.styleSheets[0].rules[0].style.cssText)
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

而且 rules 和 cssRules 的计数方法也是不一样的！rules 是第几个选择器；cssRules 是第几条规则。分别用 IE 和 firefox 运行下面的代码可知。

a,div,p {color:red}
h5 {color:blue}

if(document.styleSheets[0].cssRules){
alert(document.styleSheets[0].cssRules[1].selectorText+":"+document.styleSheets[0].cssRules[1].style.cssText)
}else{
alert(document.styleSheets[0].rules[1].selectorText+":"+document.styleSheets[0].rules[1].style.cssText)
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • document.styleSheets[0].rules 与 cssRules区别

    今天使用firefox,突然发现一点小问题.前者用于IE,后者用于mozilla浏览器. a {color:red} if(document.styleSheets[0].cssRules){ alert(document.styleSheets[0].cssRules[0].style.cssText) }else{ alert(document.styleSheets[0].rules[0].style.cssText) } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 而且 

  • document.styleSheets[0].disabled

    新建网页 1 .a { background:blue; border:1px solid green; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • JavaScript中document.forms[0]与getElementByName区别

    首先我们来看个示例: 复制代码 代码如下: <form name="buyerForm" method="post" action="/mysport/control/user/list.do"> <input type="checkbox" id="usernames" value="testtest" >testtest<br> <input

  • php中数字0和空值的区别分析

    作为一个合格的php程序员,一些基础知识是必须要知道的,例如0和空的区别,关于这个区别,下面就通过几个实例进行简单的分析,其中的道理,只可意会,不可言传,读者可以自己去慢慢体会了. 复制代码 代码如下: <?php $test=0; if($test==''){ echo '<br />在php中,0即为空'; //被输出} if($test===''){ echo '<br />在php中,0即为空'; //不被输出} if($test==NULL){ echo '<

  • MySQL数据库主机127.0.0.1与localhost区别

    可能有很多朋友都会碰到一个问题不知道127.0.0.1与localhost有什么区别,但是有的时间会发现使用localhost连接不了,但是改成127.0.0.1即可了连接了,那么他们会有什么区别呢,下面我给大家介绍. mysql -h 127.0.0.1 的时候,使用 TCP/IP 连接, mysql server 认为该连接来自于127.0.0.1或者是"localhost.localdomain" mysql -h localhost 的时候,是 不使用TCP/IP 连接的,而使

  • jquery $(document).ready() 与window.onload的区别

    jquery $(document).ready() 与window.onload的区别

    1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行.         $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个          $(document).ready()可以同时编写多个,并且都可以得到执行 3.简化写法 window.onload没有简化写法          $(documen

  • php mysql localhost，127.0.0.1和ip区别

    一家之言: localhost与127.0.0.1的区别 localhost与127.0.0.1的区别是什么?相信有人会说是本地ip,曾有人说,用127.0.0.1比localhost好,可以减少一次解析.看来这个入门问题还有人不清楚,其实这两者是有区别的. no1: localhost也叫local ,正确的解释是:本地服务器127.0.0.1在windows等系统的正确解释是:本机地址(本机服务器) no2: localhot(local)是不经网卡传输!这点很重要,它不受网络防火墙和网卡相

  • ip default-network和ip route 0.0.0.0 0.0.0.0默认路由的区别

    在自己的2501上研究这三种默认路由的区别. 指定默认路由(last resort gateway)的指令供有3种,可以分成两类:1.ip default-gateway当路由器上的ip routing无效时,使用它指定默认路由,用于RXBoot模式(no ip routing)下安装IOS等.或者关闭ip routing 让路由器当主机用,此时需要配置默认网关 2.ip default-network和ip route 0.0.0.0 0.0.0.0两者都用于ip routing有效的路由器上

  • jquery中的$(document).ready()与window.onload的区别

    所以如果某个图片或者其他资源加载很长时间, 访问者就会看到一个不完整的页面, 甚至在图片加载之前就执行了需要依赖动态添加的元素的脚本而导致脚本错误.window.onload = function() { testDiv.innerHTML = "<div style=\"border:solid 1px #FF0000\">动态创建的div</div>"; } 解决办法就是等DOM被解析后, 在图像和外部资源加载之前执行我们的函数.在jQu

  • 浅析document.ready和window.onload的区别讲解

    Javascript 只有在DOM元素已经定义以后才可以对其执行某种操作,这个问题在"javascript执行顺序里"http://www.jb51.net/article/44577.htm一文里有详细介绍. jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行.比如在"jQuery基础 - 如何开始"一文里,我用到如下jQuery代码: 复制代码 代码如下: <!--   $(document).ready(

随机推荐