用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，提高页面性能。
相关文章
这篇文章主要介绍了javascript中layim之查找好友查找群组,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-02-02
本篇主要是对js二维数组排序的简单示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
javascript 中的 delete及delete运算符
这篇文章主要介绍了javascript 中的 delete及delete运算符的相关资料,需要的朋友可以参考下2015-11-11
这篇文章主要为大家详细介绍了JS对HTML表格进行增删改操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
二维码作为现代信息传递的重要工具,其黑白色调一直是其标志性特征,然而,有时我们可能希望个性化定制二维码的颜色,以适应特定设计需求或提高可识别性,在这篇文章中,我们将深入探讨如何使用Canvas技术修改二维码的颜色,为二维码添加更多创意和个性2023-11-11
JavaScript 十六进制RGB色码转换器,大家可以学习下思路。2009-08-08
这篇文章主要为大家介绍了通过JavaScript实现的一个超级好看的鼠标拖尾特效，文中的示例代码讲解详细，对我们学习JavaScript有一定的帮助，感兴趣的可以学习一下2021-12-12
这篇文章主要为大家详细介绍了JS实现表单验证案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
javascript currentTarget对象介绍...2007-10-10
浏览器是客户端,客户端的操作服务器是监听不到的,所以可以用js来监听,js代码监听浏览器关闭或者刷新,这篇文章主要给大家介绍了关于JS监听浏览器关闭、刷新及切换标签页触发事件的相关资料,需要的朋友可以参考下2023-11-11
最新评论