巧用cssText属性
2016-03-15 21:54
549 查看
给一个HTML元素设置css属性,如
这样写太罗嗦了,为了简单些写个工具函数,如
发现 Google API 中使用了cssText属性,后在各浏览器中测试都通过了。一行代码即可,实在很妙。如
和innerHTML一样,cssText很快捷且所有浏览器都支持。此外当批量操作样式时,cssText只需一次reflow,提高了页面渲染性能。
但cssText也有个缺点,会覆盖之前的样式。如
想给该div在添加个css属性width
这时虽然width应用上了,但之前的color被覆盖丢失了。因此使用cssText时应该采用叠加的方式以保留原有的样式。
使用该方法在IE9/Firefox/Safari/Chrome/Opera中没什么问题,但由于 IE6/7/8中cssText返回值少了分号 会让你失望。
因此对IE6/7/8还需单独处理下,如果cssText返回值没";"则补上
但cssText也有个缺点,会覆盖之前的样式。如
因此对IE6/7/8还需单独处理下,如果cssText返回值没";"则补上
相关文章推荐
- 学习《HTML+CSS基础课程》里的权值
- 关于css的简介?
- CSS样式
- CSS学习笔记(三):继承、结构和层叠
- 轻松学习Ionic (三) 安装sass并在webstorm中为scss添加watcher
- DIV+CSS左右列高度自适应问题
- dede过滤内容html样式的函数
- # img 图片垂直剧中
- CSS的三种引入方式
- RadioButton自定义样式及点击事件全解析
- 普通table表格样式及代码大全
- CSS3系列:响应式布局
- CSS3系列:流式(弹性)布局(flex布局)
- Qt中QSlider的样式表设置
- CSS中的块级元素、内联元素(行内元素)
- 使用 CSS 伪元素需要注意的
- css简写属性格式
- CSS Gradient详解
- 为什么要在css文件中定义 ul{margin:0;padding:0;}这个选择器?
- 用css3实现闪烁效果