当前位置: 首页 > 图文教程 > 网络编程 > Javascript > document.styleSheets[0].rules 与 cssRules区别

技术文章搜索

关键字

Javascript 中的 document.styleSheets[0].rules 与 cssRules区别

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 450 ::
收藏到网摘: n/a

用javascript实现给图片加链接 javascript 控制超级链接的样式代码

今天使用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 全选 提示:你可先修改部分代码,再按运行]

而且 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 全选 提示:你可先修改部分代码,再按运行]

用javascript实现给图片加链接 javascript 控制超级链接的样式代码

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）