刪除頁面上的所有元素，但其中一個頁面

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