码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-09-19 00:43:02      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:str   extc   ntb   结构   插入   节点   tee   js对象   foreach   

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

 

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

标签:str   extc   ntb   结构   插入   节点   tee   js对象   foreach   

原文地址:https://www.cnblogs.com/aisowe/p/11546429.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!