用cssText批量修改样式

精贴 置顶
2409 0

一般情况下我们用js设置元素对象的样式会使用这样的形式:

  1. var element= document.getElementById(”id”);  
  2. element.style.width=”20px”;  
  3. element.style.height=”20px”;  
  4. element.style.border=”solid 1px red”; 

样式一多,代码就很多;而且通过JS来覆写对象的样式是比较典型的一种销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器的开销。

js中有一个cssText的方法:

语法为:obj.style.cssText=”样式”;

  1. element.style.cssText=”width:20px;height:20px;border:solid 1px red;”; 

这样就可以尽量避免页面reflow,提高页面性能。

  • 没有任何评论
今日天气 ···

···

···

···

热门排行
用ASP实现网页BBS 2010-11-01
CSS cursor鼠标样式一览表 2012-06-25
.NET后台写JS代码 2011-11-03
网站地址多出jdfwkey的问题解析及... 2010-08-25
数据库xxx的日志已满,请备份该数... 2013-07-19
百度、google、Yahoo网站地图制作... 2011-01-30
<a>标签的伪类书写顺序问题... 2010-09-04
什么是长尾关键词? 2010-09-24
CEO名言 2010-08-31
Mysql 主从数据库同步 2010-09-12
博主推荐
本个人博客微信公众平台上线啦~~... 2013-10-13
饼哥网络互联上线啦~~要买域名空... 2013-09-20
网站title标题如何正确修改不会被... 2013-08-26
饼哥通讯录系统上线啦,欢迎大家... 2013-08-24
ASP .NET MYSQL 的简单分页 并不... 2013-08-19
网站有弹窗广告这样的站点,百度... 2013-08-17
做淘宝SEO优化需要注意的8大问题 2013-08-17
淘宝网怎么做SEO优化 2013-08-17
站长们要学习的“苍井空精神” 2013-08-17
苹果公司今日发布了iOS 7第五个开... 2013-08-07
随便看看
C#中int类型与string类型相互转换... 2010-09-03
四招使XP快上几倍 2010-10-15
查看服务器Application/Session变... 2010-10-26
去哪儿购买域名和域名注册 2013-06-23
饼哥网络互联上线啦~~要买域名空... 2013-09-20
Java实现的stack pop方法小细节 2013-06-24
mysql分页limit 优化 2013-08-19
ASP+Access的安全隐患及对策 2010-10-20
关于URL组成部分的指南 2010-09-23
外链发布最有效最俗的方法 2010-10-11
RSS新闻
传媒新闻
CSDN
八卦新闻
女性新闻
台湾新闻
互联网
军事-新浪博客
IT-新浪博客
汽车新闻
游戏新闻
国际新闻
国内新闻
体育新闻
我的微博
北京 上海 杭州 深圳 广州 成都