jscript中appendChild和cloneNode的区别（原创，转载请声明）
2006-05-29 18:25 BAsil 阅读(964) 评论(2) 编辑 收藏 举报今天研究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)很相似，大家感兴趣的可以试一下。
