繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容
document.styleSheets[0].rules 与 cssRules区别
发布：dxy 字体：[
增加
减小
] 类型：转载
今天使用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 全选 提示:你可先修改部分代码,再按运行]
Tags：
document.styleSheets[0].rules
与
cssRules区别
百度中搜索更多的关于
document.styleSheets[0].rules 与 cssRules区别
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
javascript 函数式编程
下一篇文章：
JavaScript的9个陷阱及评点分析
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
Display SQL Server Version Information
textContent在Firefox下与innerText等效的
通过JAVAScript实现页面自适应
用javascript实现的电信铁通（网通）自动
JS控制CSS样式的方法
ibm官方资料把应用程序从 Internet Explo
javascript 制作坦克大战游戏初步 图片与
070823更新的一个[消息提示框]组件 兼容i
js+css实现的仿office2003界面
在Javascript中定义对象类别
最 近 更 新
try finally 妙用,防止内存泄漏
JS中style属性
js prototype 格式化数字 By shawl.qiu
Meta 标签生成器
js获取url参数的使用扩展实例
用javascript实现li 列表数据隔行变换背景
提高 DHTML 页面性能
用javascript实现记录来宾姓名的代码
由浅到深了解JavaScript类
event.srcElement+表格应用
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
JavaScript实现Sleep函数的代码
支持IE和FF的div＋css选项卡
由浅到深了解JavaScript类
文章评论
共有 位脚本之家网友发表了评论我来说两句