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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值