使用 document.createDocumentFragment()

var docfrag = document.createDocumentFragment(); 
 
[1, 2, 3, 4].forEach(function (e) { 
  var li = document.createElement('li'); 
  li.textContent = e; 
  docfrag.appendChild(li); 
}); 
 
var element  = document.getElementById('ul'); 
element.appendChild(docfrag);

 

注意: 

1. 文档片段节点不存在与DOM中, 在插入DOM之前, 对它的操作都是对js对象的操作;

2. 使用文档片段节点将一个较复杂的dom结构构建好再一次性插入到DOM树中, 有利于减少重渲次数, 提高页面性能;

 

发布评论

分享到:

IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

怎样创建并插入一个注释节点讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。