HTML DOM createDocumentFragment() 方法

Document 对象

创建一个 documentFragment 节点:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
</ul>
<p id="demo">单击按钮更改列表项,使用createDocumentFragment方法,然后在列表的最后一个孩子添加列表项。</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var d = document.createDocumentFragment();
    d.appendChild(document.getElementsByTagName("LI")[0]);
    d.childNodes[0].childNodes[0].nodeValue = "Milk";
    document.getElementsByTagName("UL")[0].appendChild(d);
  };
</script>

尝试一下 »

---

定义和用法

createdocumentfragment()方法创建了一虚拟的节点对象，节点对象包含所有属性和方法。

当你想提取文档的一部分，改变，增加，或删除某些内容及插入到文档末尾可以使用createDocumentFragment() 方法。

你也可以使用文档的文档对象来执行这些变化，但要防止文件结构被破坏，createDocumentFragment() 方法可以更安全改变文档的结构及节点。

---

浏览器支持

所有主要浏览器都支持 createDocumentFragment() 方法

---

语法

document.createDocumentFragment()

参数

None.

返回值

类型	描述
DocumentFragment 对象	创建文档片段对象

技术细节

DOM 版本	Core Level 1 Document Object

---

Document 对象