关于createDocumentFragment

来源：9-6 如何优化 DOM 操作的性能

Best_Coder_LCN

2021-05-15

了解Dom操作很耗时，所以平时操作都是这样的

const node = document.createElement('div');
for (let i = 0; i < 10000; i++) {
  const liElem = document.createElement('li');
  liElem.innerHTML = i;
  node.appendChild(liElem);
}
document.body.appendChild(node);

不知道和使用createDocumentFragment()有区别吗？

写回答

2回答

双越

2021-05-15

已采纳

这样可以。

只要不触发网页渲染，就可以。

Best_Coder_LCN

非常感谢！

2021-05-17

共1条回复

yxnne

2022-05-08

功能上区别不大，不过fragment不会引入div这个结构，具体看需求了～

一天时间高效准备前端技术一面匹配大厂面试要求

针对时下面试高频考点，帮助新人js面试快速通关

4694 学习 · 1681 问题

查看课程

相似问题

关于createDocumentFragment的疑问

回答 2

jsonp和json有关系吗？

回答 1

关于null的类型

回答 2

关于this 指向 ‘a’

回答 2

关于arguments 怎么获取

回答 2

打开慕课网App查看更多内容