DOM 访问与修改
修改元素更为昂贵, 因为它会导致浏览器重新计算页面的几何变化. 最坏的情况下是循环访问或修改元素, 尤其是对 html 元素集合循环操作.
例如:
- function innerHTML(){for(var count=0;count<1000;count++){
- document.getElementById("here").innerHTML+='a';
- }
- }
解决方法:
- function innerHTML(){
- var content="";
- for(var count=0;count<1000;count++){
- content+="a";
- }
- document.getElementById("here").innerHTML+='content';
- }
因此, 减少 DOM 的次数, 把运算尽量留在 ECMAscript 处理.
来源: http://www.qdfuns.com/note/49449/ad037d9e8790e718ad8fba9412d71be7.html