码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-07-06 10:31:29      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:javascript   html   documentfragment   node   

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

全栈JavaScript之路(十)学习 DocumentFragment 类型 节点,布布扣,bubuko.com

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

标签:javascript   html   documentfragment   node   

原文地址:http://blog.csdn.net/liveinjs/article/details/36865399

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!