jscript中appendChild和cloneNode的区别(原创,转载请声明)

今天研究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)很相似,大家感兴趣的可以试一下。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值