JavaScript DOM 节点的拷贝、删除

拷贝一个节点相当于将一个节点作为对象存放在内存中,这个对象可以被其他的诸如 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>

发表评论