JavaScript DOM 节点的拷贝、删除
JavaScript DOM 节点的拷贝、删除
我与梦想有个约会
发布于 2023-10-20 19:56:01
发布于 2023-10-20 19:56:01
拷贝一个节点相当于将一个节点作为对象存放在内存中，这个对象可以被其他的诸如 appendChild 等操作来使用。而节点删除则只能通过一个 removeChild 来实现，所以要删除某个元素，首先要获取这个元素的父节点。我们使用以下方法来实现，参考代码：
代码实现
// 复制一个节点追加给另外一个节点
var shan = document.getElementById("north").childNodes[1];
// cloneNode 参数为 true 为深拷贝
var copy_li = shan.cloneNode(true);
var south = document.getElementById("south");
south.appendChild(copy_li);
// 节点删除
shan.parentNode.removeChild(shan);节点内容
<ul id="north">
<li>山东</li>
<li>吉林</li>
<li>辽宁</li>
</ul>
<ul id="south">
<li>内蒙古</li>
<li>浙江</li>
</ul>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2015-11-21，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录