全栈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(),

原文地址:https://www.cnblogs.com/gccbuaa/p/7122380.html