jscss样式操作代码(批量操作)
2023-06-13 09:14:13 时间
我们用js书写css样式通常会用下面的两种方式:
一般情况下我们用js设置元素对象的样式会使用这样的形式:
复制代码代码如下:
一般情况下我们用js设置元素对象的样式会使用这样的形式:
varelement=document.getElementById(”id”);
element.style.width=”20px”;
element.style.height=”20px”;
element.style.border=”solid1pxred”;
但是上面的方法有一个缺点,样式一多,代码就很多;而且通过JS来覆写对象的样式是比较典型的一种销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器的开销。
js中有一个cssText的方法:
语法为:obj.style.cssText(”样式”);
上面的代码我们可以修改成:
element.style.cssText=”width:20px;height:20px;border:solid1pxred;”;
这种写法可以尽量避免页面的多次reflow,提高页面性能。
相关文章
- ps如何批量处理图片大小和尺寸_ps怎样批量处理图片大小
- 【说站】批量查找替换WordPress文章内容的三种方法
- docker导出镜像命令_docker批量导出镜像
- mysql中批量插入数据(1万、10万、100万、1000万、1亿级别)
- jdbc批量数据插入的代码详解编程语言
- Linux批量配置:快速、简单、高效(linux批量配置)
- 极速操作:Linux下的批量重命名方法(批量重命名linux)
- 快速批量重命名文件/文件夹,让Linux变得简单(批量重命名linux)
- 为Linux批量重命名的简单方法(批量重命名linux)
- 手把手|20行Python代码教你批量将PDF文件转为Word格式(包教包会)
- Oracle批量注释:快速规范SQL代码注释,提高生产效率(oracle批量注释)
- 快捷便利,搞定批量创建Linux用户(批量创建linux用户)
- MySQL批量修改,轻松搞定数据库管理(mysql批量修改数据库)
- 采取Redis远程批量删除数据新方法(redis远程批量删除)
- 用asp实现的代码批量修改程序,fso相关
- 关于批量导入域名到管理平台的说明
- 用php实现批量查询清除一句话后门的代码
- MYSQL批量插入数据的实现代码
- ssh批量登录并执行命令的python实现代码
- 用python实现批量重命名文件的代码
- 多线程爬虫批量下载pcgame图片url保存为xml的实现代码
- 存储过程配合UpdateDaset方法批量插入Dataset数据实现代码
- PHP执行批量mysql语句的解决方法
- PHP多线程批量采集下载美女图片的实现代码(续)
- 最全的用正则批量去除TeleportPro整站下载文件冗余代码
- Perl批量下载Gmail附件的代码
- ThinkPHP实现批量删除数据的代码实例