cssText-到底性能高还是性能低呢?

作者:vkvi 来源:千一网络(原创) 日期:2014-8-10

比较一下:e.style.color = "red"; 性能高呢?还是 e.style.cssText = "color:red;"; 性能高呢?

网上持两种观点的人都有,但是我把他们的测试代码都拿来测了一下,发现,还是 e.style.color 性能高。

有人说你这是测试一个样式属性,如果是多个样式属性呢?比如除了设置 color,还要设置 width、height 等,是不是 cssText 性能要高些呢?不,cssText 还是要慢些。

至少我这里测试是这样。

其实这点性能上的极细微差距,我觉得没必要争论,重要的是使用的方便性。cssText 的方便之处在于一次可以写很多属性,而且变更 CSS 样式不必变 JS 代码,只需变样式字符串。但它有个缺点,就是它会覆盖掉前面的属性。

示例文件请参见:http://www.cftea.com/cssText3.htm

以及 http://www.cftea.com/cssText4.htm

你前面那位网友看了:有趣的 CSS 3-2D 变幻

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他