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

xmjava 2021年03月09日编程语言 400 0

使用 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源码网 HTML5 前端

微信公众号号：IT虾米（左侧二维码扫一扫）欢迎添加！

Q : 823053937

热贴推荐

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