用cssText批量修改样式
批量 修改 样式 cssText
2023-06-13 09:14:12 时间
varelement=document.getElementById("id");
element.style.width="20px";
element.style.height="20px";
element.style.border="solid1pxred";
样式一多,代码就很多;而且通过JS来覆写对象的样式是比较典型的一种销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器的开销。
js中有一个cssText的方法:
语法为:obj.style.cssText="样式";
上面的代码我们可以修改成:感谢sliuqin的在留言中的斧正
element.style.cssText("width:20px;height:20px;border:solid1pxred;")
下面是是正确的
element.style.cssText="width:20px;height:20px;border:solid1pxred;";
这样就可以尽量避免页面reflow,提高页面性能。
相关文章
- pycharm如何统一改变量名_pycharm批量修改变量名
- windows网络批量安装WDS+win10自动应答文件
- 网址转二维码,如何批量将网址转为二维码[通俗易懂]
- MySQL批量导入数据的问题
- 【小工具】一个Java批量修改指定文件夹下的文件名。复习下File及政治表达式
- XnConvert for Mac(批量图像格式转换软件) v1.96商业注册版
- 2022短视频去水印小程序带流量主/CPS/资源/工具/批量解析/修改MD5
- SqlServer如何批量备份多个数据库并删除3天前的备份
- mysql批量修改表前缀详解数据库
- Python批量修改word文档详解编程语言
- 通过Excel生成批量SQL语句详解编程语言
- 多服务Linux实现自动化批量部署多服务(linux批量部署)
- Redis 批量插入:提高数据存储效率(redis批量插入)
- 目录名Linux实现批量修改目录名的方式(linux批量修改)
- MySQL批量修改:高效强大改变表结构(mysql批量修改)
- MySQL命令批量导出数据的方法(mysql命令导出数据)
- 数据库MySQL批量更新:多次调整的必备技能(批量更新mysql)
- MySQL中快速实现数据批量修改(mysql数据批量修改)
- Linux批量重命名操作指南(批量重命名linux)
- 快速改进 Redis 密码安全性的批量方案(批量修改redis密码)
- sql批量修改数据库表
- perl批量查询ip归属地的方法代码
- 如何批量替换相对地址为绝对地址(利用bat批处理实现)
- javascript批量修改文件编码格式的方法