js中用事实证明cssText性能高的问题

复制代码 代码如下:

||

测试1，测试2都分别添加1000个div到页面上。

测试1 使用以下三行代码

复制代码 代码如下:

ary[j].style.width = '50px';
ary[j].style.height = '50px';
ary[j].style.backgroundColor = 'gold';

测试2 使用cssText一行搞定

复制代码 代码如下:

sty.cssText = 'width:50px;height:50px;background-color:red;';

测试1，测试2都分别添加1000个div到页面上。

测试1 使用以下三行代码

复制代码 代码如下:

ary[j].style.width = '50px';
ary[j].style.height = '50px';
ary[j].style.backgroundColor = 'gold';

测试2 使用cssText一行搞定

复制代码 代码如下:

sty.cssText = 'width:50px;height:50px;background-color:red;';

测试代码：

点击这里可以直接测试：

|| ||

[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]