今天小编跟大家讲解下有关关于读取style元素定义样式表的兼容问题实例探讨 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关关于读取style元素定义样式表的兼容问题实例探讨 的相关资料，希望小伙伴们看了有所帮助。
复制代码代码如下: <span style="font-size:18px;"></span><pre name="code"class="javascript"><html> <head> <meta http-equiv="content-type"content="text/html;charset=utf-8"/> <title>Javascript Sample</title> <style type="text/css"> div{color:#FF0000;font-weight:bold;} p{color:#000000;font-size: 14px;} </style> </head> <body> <div id="div1">请点击<a href="">网站链接</a> </div> <script type="text/javascript"> var o = document.styleSheets[0]; var ol = o.rules[1]; alert(ol.style.color); ol.style.color ="green"; alert(ol.style.color); </script> </body> </html> 在测试上述代码的时候 在Google和IE中能够正常运行 以下是google中的运行截图： 但是 放在FF（火狐 29）中确不能运行 没有弹框 出现如下错误： rules方法在FF中是没有定义的 所以将rules方法换成了cssRules()方法 就能正常运行： cssRules()在Google和IE中式兼容的。来源：爱蒂网
