比较一下:e.style.color = "red"; 性能高呢?还是 e.style.cssText = "color:red;"; 性能高呢?
网上持两种观点的人都有,但是我把他们的测试代码都拿来测了一下,发现,还是 e.style.color 性能高。
有人说你这是测试一个样式属性,如果是多个样式属性呢?比如除了设置 color,还要设置 width、height 等,是不是 cssText 性能要高些呢?不,cssText 还是要慢些。
至少我这里测试是这样。
其实这点性能上的极细微差距,我觉得没必要争论,重要的是使用的方便性。cssText 的方便之处在于一次可以写很多属性,而且变更 CSS 样式不必变 JS 代码,只需变样式字符串。但它有个缺点,就是它会覆盖掉前面的属性。