如何优雅渲染dom节点

最新推荐文章于 2024-03-19 21:42:03 发布

IT~少年人

最新推荐文章于 2024-03-19 21:42:03 发布

阅读量2.1k

点赞数 1

分类专栏： jquery、zepto 原生javascript

本文链接：https://blog.csdn.net/qq_43634982/article/details/103646572

版权

原生javascript 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

jquery、zepto

11 篇文章 0 订阅

订阅专栏

let container = document.getElementById('container')
// 创建一个DOM Fragment对象作为容器
let content = document.createDocumentFragment()
for(let count=0;count<10000;count++){
  // span此时可以通过DOM API去创建
  let oSpan = document.createElement("span")
  oSpan.innerHTML = '我是一个小测试'
  // 像操作真实DOM一样操作DOM Fragment对象
  content.appendChild(oSpan)
}
// 内容处理好了,最后再触发真实DOM的更改
container.appendChild(content)