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

作者:vkvi 来源:ITPOW(原创) 日期: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.itpow.com/cssText3.htm

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

相关文章