关闭

今天学了文档碎片方法,记录一下

20人阅读 评论(0) 收藏 举报

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>




0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:35次
    • 积分:20
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档