删除页面上的所有元素，但其中一个页面

Question

我试图从网页中除去一个元素。

首先我使用getElementById()找到我的元素。然后我通过document.body.appendChild()将它移动到身体的顶部。

我怎样才能删除其余的节点，但是我有这个节点？

Answer 1

删除元素，保存参考。删除一切。然后插入保存的元素。

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); 

Answer 2

你可以先选择你的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); 

Answer 3

如果你在文档中去除体内的所有节点，我建议你复制想要的节点，去除所有节点该文档，然后附加您复制的节点。例如：

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

Answer 4

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