const listNode = document.getElementById("list")
// 创建一个片段,此时还没有插入到DOM树中
const frag = document.createDocumentFragment()
// 执行插入
for (let x=0; x<10;x++) {
const li = document.createElement('li')
li.innerHTML = 'List item' + x
frag.appendChild(li)
}
// 执行都完成后,在插入到 DOM 树中
listNode.appendChild(frag)
一次性插入多个节点-考虑性能
最新推荐文章于 2021-04-08 14:56:53 发布