首页 > 代码库 > 全栈JavaScript之路(十)学习 DocumentFragment 类型 节点

全栈JavaScript之路(十)学习 DocumentFragment 类型 节点

DocumentFragment 类型节点,代表一个文档片段,是一种轻量级的‘文档’ 对象,可以包含其它类型节点,并有能力访问、操作其中的节点,但是在文档中没有文档标记,相当于是一个页面不可见的容器。其构造函数为,function DocumentFragment() {[native code]}.


DocumentFragment 类型节点的特征;

  • nodeType:11
  • nodeName:#document-fragment
  • nodeValue:null
  • prasentNode:null
  • 子节点类型:Element,Text,Comment,CDATASection,ProcesingInstruction,EntityReference


DocumentFragment 类型 继承自 Node, 它继承了所有Node 的方法,通常用于执行那些针对文档的DOM操作。

如果将文档中的节点添加到DocumentFragment 节点中,就会从文档树中移除该节点,所以不会再能从浏览器看到该节点。添加到文档树的新节点同样也不属于文档树。

可以通过 appendChild(),insertBefore() 将文档片段中的内容添加到新节点中。

实际上,添加到文档树中的 DocumentFragment 类型节点 中 包含的节点,它本身永远不会成为文档树的一部分!


DocumentFragment 类型节点,相当于是一个’仓库‘,它包含的节点不会在页面上显示,

创建一个 DocumentFragment 类型节点; document.createDocumentFragment(),