Удалите все элементы, кроме одного со страницы

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