您的位置：首页 > 移动开发

jscript中appendChild和cloneNode的区别（原创，转载请声明）

2006-05-29 18:25 357 查看
今天研究PowerDataGrid控件的时候，发现一个原来没有注意到的细节。

在使用appendChild(Element)时候，如果Element的ParentNode已经存在，则会首先将该Element从其ParentNode中移除。举个例子：

<body>
<div id="parent">parent
<div id="tbl">tbl</div>
</div>
<script>
var tbl = document.getElementById("tbl");
var pNode=tbl.parentNode;
var container = document.createElement('<SPAN style="height:100px; overflow: auto;">');
container.id = "Container";
pNode.insertBefore(container, tbl);
alert(pNode.innerHTML);

container.appendChild(tbl);
alert(pNode.innerHTML);
</script>
</body>


在没有应用appendChild之前，pNode.innerHTML的值为
parent<div id="tbl">tbl</div><SPAN style="height:100px; overflow: auto;"></SPAN>

而应用appendChild之后，pNode.innerHTML的值为
parent<SPAN style="height:100px; overflow: auto;"><div id="tbl">tbl</div></SPAN>


我们可以采取cloneNode方式，来复制这个元素，而不是移除。

在这里，我又测试了一下asp.net的页面模型，发现jscript中的appendChild(Element)和asp.net的Controls.Add(Control ctrl)很相似，大家感兴趣的可以试一下。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航