jscript中appendChild和cloneNode的区别（原创，转载请声明）
2006-05-29 18:25 BAsil 阅读(965) 评论(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)很相似，大家感兴趣的可以试一下。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架