用cssText批量修改样式


Posted in Javascript onAugust 29, 2009
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="样式";
上面的代码我们可以修改成:感谢sliuqin的在留言中的斧正
element.style.cssText("width:20px;height:20px;border:solid 1px red;")
下面是是正确的
element.style.cssText="width:20px;height:20px;border:solid 1px red;";

这样就可以尽量避免页面reflow,提高页面性能。
Javascript 相关文章推荐
使弱类型的语言JavaScript变强势
Jun 22 Javascript
网页中CDATA标记的说明
Sep 12 Javascript
uploadify 3.0 详细使用说明
Jun 18 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
javascript中 try catch用法
Aug 16 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
May 15 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
JavaScript实现alert弹框效果
Nov 19 Javascript
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
javascript appendChild,innerHTML,join性能比较代码
Aug 29 #Javascript
IE 条件注释详解总结(附实例代码)
Aug 29 #Javascript
基于jQuery的ajax功能实现web service的json转化
Aug 29 #Javascript
用户注册常用javascript代码
Aug 29 #Javascript
csdn 博客中实现运行代码功能实现
Aug 29 #Javascript
js 分栏效果实现代码
Aug 29 #Javascript
javascript 简练的几个函数
Aug 29 #Javascript
You might like
php 面向对象的一个例子
2011/04/12 PHP
ThinkPHP调用百度翻译类实现在线翻译
2014/06/26 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
JS backgroundImage控制
2009/05/19 Javascript
利用js获取服务器时间的两个简单方法
2010/01/08 Javascript
js或css文件后面跟参数的原因说明
2010/01/09 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
create-react-app安装出错问题解决方法
2018/09/04 Javascript
Vue.js 十五分钟入门图文教程
2018/09/12 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
jQuery操作动画完整实例分析
2020/01/10 jQuery
Python编码时应该注意的几个情况
2013/03/04 Python
Python排序搜索基本算法之归并排序实例分析
2017/12/08 Python
在cmd命令行里进入和退出Python程序的方法
2018/05/12 Python
django缓存配置的几种方法详解
2018/07/16 Python
如何更优雅地写python代码
2019/07/02 Python
python selenium登录豆瓣网过程解析
2019/08/10 Python
在pytorch中为Module和Tensor指定GPU的例子
2019/08/19 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
Python socket连接中的粘包、精确传输问题实例分析
2020/03/24 Python
解决python多线程报错:AttributeError: Can't pickle local object问题
2020/04/08 Python
Pyinstaller加密打包应用的示例代码
2020/06/11 Python
Python私有属性私有方法应用实例解析
2020/09/15 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
JMS中Topic和Queue有什么区别
2013/05/15 面试题
业务经理岗位职责
2013/11/11 职场文书
投标文件签署授权委托书范本
2014/10/12 职场文书
逃课检讨书
2015/01/26 职场文书
技术员岗位职责
2015/02/04 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby