DOM优化
- 1.在使用innerHtml的时候,最好在循环内部使用变量把字符串加起来,然后在循环外部赋给DOM
- 2.在数据量大的时候appendChild比innerHtml的速度要快
减少DOM操作
- 节点克隆--cloneNode
- 访问元素集合的时候:尽量使用局部变量。var i=0,len=aLi.length;i<len;i++
- 元素节点--尽量用只获得元素的节点方法
- 选择元素,不考虑IE8下的浏览器的时候使用,var ali=document.querySelestorAll('#ull li')
Dom与浏览器
- 重排:改变页面的内容
- 重绘:浏览器显示内容
- 尽量在appendChild前来操作
- 合并DOM操作:如利用cssText来操作; .style.cssText='color:red;height:200px;width:300px'
- 先把元素的属性等用变量缓储起来使用