如何在Javascript中按值（而不是引用）保存所选元素的节点？

Question

除了DOM中的图像，我不得不删除body所有内容。 所以，这就是我所做的。

1. 将img标签存储在变量中。

   var img_nodes = document.getElementsByTagName('img');

2. 去除body所有东西

   var body_node = document.getElementsByTagName('body'); body_node[0].innerHTML = ''

3. 将存储的img节点添加为子节点

   for each (child in img_nodes){ body.appendChild(child); }

但是在我运行body_node[0].innerHTML = '' ，img_nodes变得undefined 。

我猜想是因为元素节点作为对象（作为参考）存储在列表中。 如何保存所选的img_nodes对象？

Answer 1

您可以在清除正文内容之前克隆图像节点。 请参阅cloneNode上的文档 。 例：

var cloned_nodes = [];
for each (child in img_nodes){
    cloned_nodes.push(child.cloneNode(true));
}