Javascript 从页面中删除除一个之外的所有元素

我正在尝试从网页中删除除一个以外的所有元素

首先，我使用

getElementById（）

找到我的元素。然后通过

document.body.appendChild（）

将其移动到正文顶部

---

然后如何删除其余节点，但我有一个节点？

删除元素，保存引用。把其他东西都拿走。然后插入保存的元素

var node = document.getElementById("whatever");
if (node.parentNode) {
    var savedNode = node.parentNode.removeChild(node);
}

while (document.body.firstChild) {
  document.body.removeChild(document.body.firstChild);
}

document.body.appendChild(savedNode);

---

您可以先选择html节点，如下所示：

var selectedNode=document.getElementById("myid");
//remove it from DOM
selectedNode.parentNode.removeChild(selectedNode);
//clear the body
document.body.innerHTML = "";
//append the selectedNode
document.body.appendChild(selectedNode);

---

如果要删除文档正文中的所有节点，我建议复制所需的节点，从文档中删除所有节点，然后附加复制的节点。例如：

test = document.body.getElementById(bla);
document.body.empty();
document.body.appendChild(test);

---

那么，这个

empty（）

函数从何而来？我希望你不要把它和jQuery的。。。因为您不正确地使用了它，并且这个问题没有标记。

empty（）

在JavaScript中不存在。（不过这是一个jQuery方法。）它是一个用于HTML元素的jQuery函数。您可以阅读它，尽管它不是JavaScript，但它提供了它的功能purpose@Jake

document.body.empty（）

甚至不是调用该函数的方式。它更像是

$（“body”）.empty（）

。所以，您的代码是错误的，您为一个javascript问题提供了一个jQuery答案。@canon谢谢，我完全忘记了。好久没用了。

var remain=document.getElementById('id'),
pa=document.body;

remain=remain.parentNode.removeChild(remain);// remove and save referenced element

while(pa.lastChild) pa.removeChild(pa.lastChild); // remove all other nodes

pa.appendChild(remain); //add element to empty body