您的位置:首页 > 其它

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

2016-05-30 23:11 218 查看
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>

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: