Dom基础（二）：Dom性能优化

一、尽量将DOM查询做缓存

1 let pElements = document.getElementById('div1') //将dom缓存
2
3 for(let i=0；i<pElements .length; i++){
4   操作
5 }

二、尽量一次性操作

 1 const parent = document.getElementById('list')
 2
 3 const frag = document.createDocumentFragment() //用来创建文档碎片节点
 4
 5 for(let i=0; i<5; i++){
 6  const li = document.createElement("li")
 7  li.innerHtml = 'li' + i
 8  frag.appendChild(li)
 9 }
10
11 parent .appendChild(frag) //一次性插入