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

||

测试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;';

测试代码：

<p>点击这里可以直接测试：</p> <div> <input onclick="test1()" value="测试1" type="button"> || <input onclick="test2()" value="测试2" type="button"> || <input onclick="stop()" value="停止测试" type="button"> </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]