cssRules 与 rules 的使用
来源:互联网 发布:java多线程编程面试题 编辑:程序博客网 时间:2024/06/06 17:53
当html中引用外部css样式时,就不能通过document.style获取属性,而是需要通过document.stylesheets获取属性表对象即CSSStyleSheet对象,再从属性表对象中获取属性与操作方法。
获取属性的方法有两种:
1.cssRules
2.rules
通过打印cssText,可以清晰的知道两者的不同:
document.styleSheets[0].cssRules[0].cssText;
document.styleSheets[0].rules[0].cssText
看过其他人的博客是这么说的:
第一个观点:
cssRules的单位是是对整条规则,而rules的单位是一个选择器。
但就目前我的测试情况而言,cssRules 与 rules 针对我的第一条数据,即:
html,body{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
}
是一样的结果,可能为浏览器目前都同步了对cssRules与rules的选取规则,即都选取第一条数据,而不是第一个选择器
第二个观点:
最好不要直接通过cssRules操作样式,这个更偏向于底层,一次性大量操作css规则的时候使用。
这个观点我不加评论,看个人意愿了。
阅读全文
1 0
- cssRules 与 rules 的使用
- yii 中RULES方法的使用
- table的RULES属性
- Table 的 rules规则
- OSSEC的rules语法
- yii2的rules()函数
- yii框架的rules
- Rules
- Rules
- Rules
- Rules
- yii2 scenarios rules 使用心得
- antd getFieldDecorator使用rules不起作用
- HTML 标签的 rules 属性
- cloudflare 的 page rules 设置
- Simple Rules/简单的规律
- <table> 标签的 rules 属性
- ROS 简单的udev rules
- leetcode-6- ZigZag Conversion
- CSS中强大的EM 单位
- Fragment封装切换
- php和mysql数据库
- HihoCoder
- cssRules 与 rules 的使用
- sqlserver中的bcp查询导出海量数据
- Hystrx权威指南--Hystrix的注解方式
- 智能DNS实现
- 链表的一些算法
- 【C++】动态内存管理(三)不同的资源管理对象的实现
- 集体智慧编程学习笔记(2.2)提供推荐
- c++指针全解析
- 如何使@Html.CheckBoxFor默认为选中状态