用cssText批量修改样式
精贴
置顶
1616
0
一般情况下我们用js设置元素对象的样式会使用这样的形式：
- var element= document.getElementById(”id”);
- element.style.width=”20px”;
- element.style.height=”20px”;
- element.style.border=”solid 1px red”;
样式一多，代码就很多；而且通过JS来覆写对象的样式是比较典型的一种销毁原样式并重建的过程，这种销毁和重建，都会增加浏览器的开销。
js中有一个cssText的方法：
语法为：obj.style.cssText=”样式”；
- element.style.cssText=”width:20px;height:20px;border:solid 1px red;”;
这样就可以尽量避免页面reflow，提高页面性能。
今日天气
···
···
···
···
近一月回答榜 - TOP 12
钻石VIP
吴旭晓
普通会员
令王告白
普通会员
心如仓井空似水
普通会员
messi
普通会员
沧州华欧煤气炉
普通会员
孙文强
普通会员
lucifo
普通会员
xxxxxxx
普通会员
饼饼
普通会员
ucase
普通会员
留下足迹
普通会员
小谨夜
博客标签
- 热门排行
- CSS cursor鼠标样式一览表 2012/6/25
- .NET后台写JS代码 2011/11/3
- 网站地址多出jdfwkey的问题解析及... 2010/8/25
- 百度、google、Yahoo网站地图制作... 2011/1/30
- 数据库xxx的日志已满,请备份该数... 2013/7/19
- <a>标签的伪类书写顺序问题... 2010/9/4
- CEO名言 2010/8/31
- 什么是长尾关键词？ 2010/9/24
- Mysql 主从数据库同步 2010/9/12
- 用ASP实现网页BBS 2010/11/1
- 博主推荐
- 网站title标题如何正确修改不会被... 2013/8/26
- ASP .NET MYSQL 的简单分页 并不... 2013/8/19
- 网站有弹窗广告这样的站点，百度... 2013/8/17
- 做淘宝SEO优化需要注意的8大问题 2013/8/17
- 淘宝网怎么做SEO优化 2013/8/17
- 站长们要学习的“苍井空精神” 2013/8/17
- 苹果公司今日发布了iOS 7第五个开... 2013/8/7
- 小米1刷V5系统WIFI不能连接解决办... 2013/8/1
- 本博客手机版上线咯！会员后台也... 2013/7/31
- Win7系统环境安装配置PHP开发环境... 2013/7/29
- 随便看看
- Dreamweaver快捷键大全 2010/9/9
- 我为什么使用Firefox浏览器 2010/11/22
- ASP中几种分页显示的比较 2010/11/1
- 做搜索引擎广告，如何选择关键词 2010/9/8
- 一句话入门SEO 2010/9/2
- 各类数值型数据间的混合运算 2010/10/16
- flash快捷键大全 2010/9/9
- 数据库查询语言(1) 2010/10/23
- IE6中不支持hover focus伪类的解... 2010/8/27
- .NET后台写JS代码 2011/11/3