DOM优化

Posted on 2015-08-28 14:34  !sylar  阅读(95)  评论(0编辑  收藏  举报

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'
  • 先把元素的属性等用变量缓储起来使用