用cssText批量修改样式
更新时间：2009年08月29日 22:11:49 作者：
一般情况下我们用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="样式";
上面的代码我们可以修改成：感谢sliuqin的在留言中的斧正
element.style.cssText("width:20px;height:20px;border:solid 1px red;")
下面是是正确的
复制代码 代码如下:
element.style.cssText="width:20px;height:20px;border:solid 1px red;";
这样就可以尽量避免页面reflow，提高页面性能。
相关文章
老司机们，你知道JSON.stringify还有第二个和第三个可选参数吗？它们是什么呢？是不是感到不可思议？下面这篇文章就来给大家介绍了一些你可能不知道的JSON.stringify的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。2017-08-08
这篇文章主要给大家介绍了关于JavaScript判断数组方法的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了JavaScript错误捕获的相关资料，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下2021-04-04
WebApi+Bootstrap+KnockoutJs打造单页面程序
这篇文章主要介绍了WebApi+Bootstrap+KnockoutJs打造单页面程序的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-05-05
ES6 Iterator遍历器原理，应用场景及相关常用知识拓展详解
这篇文章主要介绍了ES6 Iterator遍历器原理，应用场景及相关常用知识拓展,结合实例形式详细分析了ES6 Iterator遍历器具体原理、功能、用法、应用场景及知识拓展,需要的朋友可以参考下2020-02-02
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
这篇文章主要介绍了Bootstrap轮播插件中图片变形的终极解决方案，使用jqthumb.js，感兴趣的小伙伴们可以参考一下2016-07-07
今天小编就为大家分享一篇对layui初始化列表的CheckBox属性详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本文主要介绍了uni-app组件的基本使用,包括组件的引入、使用和常见问题解决方法,通过本文的学习,读者可以掌握uni-app组件的基本操作,为开发uni-app应用提供帮助,需要的朋友可以参考下2023-03-03
javascript实现移动端 HTML5 图片上传预览和压缩功能示例
这篇文章主要介绍了javascript实现移动端 HTML5 图片上传预览和压缩功能,结合实例形式分析了javascript移动端 HTML5 图片上传预览和压缩功能具体实现方法与操作注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要给大家介绍了关于echarts饼图labelLine线的长度自适应设置的相关资料,在echarts中,饼图的标签线可以通过设置 labelLine属性来自定义位置,需要的朋友可以参考下2023-08-08
最新评论