今天学了文档碎片方法,记录一下
2016-05-30 23:11
253 查看
createdocumentfragment()方法创建了一虚拟的节点对象,节点对象包含所有属性和方法。
当你想提取文档的一部分,改变,增加,或删除某些内容及插入到文档末尾可以使用createDocumentFragment() 方法。
你也可以使用文档的文档对象来执行这些变化,但要防止文件结构被破坏,createDocumentFragment() 方法可以更安全改变文档的结构及节点。
<script><pre name="code" class="html"><!--使用cloneNode() 方法,将div_0节点,在main中克隆五次,
使用的方法是文档碎片方法,此方法比文档对象方法更安全。-->
var node=""; var fragment = document.createDocumentFragment(); for (var i = 1; i <= 5; i++) { node=document.getElementById("div_0").cloneNode(true); node.id="div_"+i; fragment.appendChild(node); } document.getElementById("main").appendChild(fragment);</script>
当你想提取文档的一部分,改变,增加,或删除某些内容及插入到文档末尾可以使用createDocumentFragment() 方法。
你也可以使用文档的文档对象来执行这些变化,但要防止文件结构被破坏,createDocumentFragment() 方法可以更安全改变文档的结构及节点。
<script><pre name="code" class="html"><!--使用cloneNode() 方法,将div_0节点,在main中克隆五次,
使用的方法是文档碎片方法,此方法比文档对象方法更安全。-->
var node=""; var fragment = document.createDocumentFragment(); for (var i = 1; i <= 5; i++) { node=document.getElementById("div_0").cloneNode(true); node.id="div_"+i; fragment.appendChild(node); } document.getElementById("main").appendChild(fragment);</script>
相关文章推荐
- 总结..
- 【游戏中的算法】洗扑克牌算法
- 排序算法
- java学习的第一课
- 迭代器辅助函数
- Kinect深度图像采集和Opencv差帧法运动目标检测
- 最简单Ajax文件异步上传
- 开博第一天~ 开心
- 总结.
- a+b problem 2
- 第7课:Spark Streaming源码解读之JobScheduler内幕实现和深度思考
- 一往无前,请记住最初的梦想。
- 如何使自己高效工作
- 基于Ubuntu14.04+ROS indigo环境LSD-SLAM的数据集测试成功
- Android Studio 配置SVN:can't use subversion command line client
- maven搭建ssm分模块框架+ehcache (myeclipse版) (五)
- RxJava Subscription 自动取消订阅
- Hawk:开源贡献计划,设计,反思
- 总结
- 技术分享-开发利器block底层实现