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

一、尽量将DOM查询做缓存

let pElements = document.getElementById('div1') //将dom缓存

for(let i=0；i<pElements .length; i++){
  操作  
}

二、尽量一次性操作

const parent = document.getElementById('list')

const frag = document.createDocumentFragment() //用来创建文档碎片节点

for(let i=0; i<5; i++){
 const li = document.createElement("li")
 li.innerHtml = 'li' + i
 frag.appendChild(li)
}

parent .appendChild(frag) //一次性插入