JavaScript HTML DOM createDocumentFragment() 方法

• 

  HTML DOM createDocumentFragment() 方法

  document.createDocumentFragment()方法创建一个虚构的Node对象，其中包含Node对象的所有属性和方法。当您想要提取文档的某些部分，更改，添加或删除某些内容并将其重新插入到文档中时，createDocumentFragment()方法非常有用。您还可以使用文档的Document对象来执行这些更改，但为了防止破坏文档结构，仅提取文档的某些部分，进行更改以及将部件插回文档可能更安全。

  注意：将从文档中删除从文档中附加到文档片段的节点。

  实例：

  创建documentFragment节点并向其附加子项（列表项）。然后，更改列表项的节点值并将其作为列表的最后一个子项插入：

  var d = document.createDocumentFragment();
  d.appendChild(document.getElementsByTagName("LI")[0]);
  d.childNodes[0].childNodes[0].nodeValue = "Milk";
  document.getElementsByTagName("UL")[0].appendChild(d);
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  createDocumentFragment()	支持	支持	支持	支持	支持

• 

  语法

  document.createDocumentFragment()
• 

  方法值

  参数	类型	描述
  没有

• 

  技术细节

  项目	描述
  返回值：	DocumentFragment对象，表示创建的DocumentFragment节点
  DOM版本	Core Level 1