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

ttx9n

今天使用firefox，突然发现一点小问题。前者用于IE，后者用于mozilla浏览器。
 <style type="text/css"> a {color:red} </style> <script> if(document.styleSheets[0].cssRules){ alert(document.styleSheets[0].cssRules[0].style.cssText) }else{ alert(document.styleSheets[0].rules[0].style.cssText) } </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
而且 rules 和 cssRules 的计数方法也是不一样的！rules 是第几个选择器；cssRules 是第几条规则。分别用 IE 和 firefox 运行下面的代码可知。
<style type="text/css"> a,div,p {color:red} h5 {color:blue} </style> <script> 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) } </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

z80vh

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

czoz5y

儿童服务绯闻绯闻绯闻

4r8oiin60

女生看了弄丢了卡萨诺的卡洛斯

醉梦娱乐网

啦啦啦啦啦啦啦啦！

7jbiiz

很好，谢谢分享

123456

hi哦和烦恼农家女

9jduu05

激动人心，无法言表！

81708585

问问问企鹅哇哇哇哇哇

kwzc65wdj

2222222222222222