怎样创建一个文档片段对象

Posted 2020-11-13 aisowe

使用 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树中, 有利于减少重渲次数, 提高页面性能;