Javascript Wyczyść DOM

Question

Chcę całkowicie wyczyścić DOM z JavaScript.

Próbowałem kilka rzeczy, takich jak to:

document.getElementsByTagName("html")[0].innerHTML = ""; 
document.body.innerHTML = ""; 

ciekawe, czyszcząc głowicę tak wygeneruje błąd („nieprawidłowy elementu docelowego dla tej operacji”) w IE, ale skutecznie wyczyścić kieruj się w Chrome. Jednak czyszczenie ciała w ten sposób działa w IE, ale nie działa w przeglądarce Chrome cicho.

Próbowałem również

document.childNodes.length = 0; 

ale to widocznie tylko do odczytu i nic nie zrobi.

Czy istnieje dobry sposób na przeglądanie DOM w różnych przeglądarkach?

Answer 1

To działa ...

document.removeChild(document.documentElement); 

jsFiddle.

Należy zauważyć, że przeglądarka pozostawi dokument w stanie nienaruszonym.

Answer 2

tutaj jest przydatna przykład, nie idealne, ale można użyć

/** 
* clear child nodes 
* @param {HTMLElement} node 
*/ 
    clearChildren : function(node) { 
     if (!node) { 
      return; 
     } 
     if(node.innerHTML){ 
      node.innerHTML = ''; 
      return; 
     } 
     while (node.childElementCount > 0) { 
     var child = node.childNodes.item(0); 
     if(isIE){ 
      child.onmousedown = null; 
      child.onmouseover = null; 
      child.onmouseout = null; 
      child.onclick = null; 
      child.oncontextmenu = null; 
     } 
     node.removeChild(child); 
    } 
    } 

Answer 3

Ustawianie document „s innerHTML jest officially supported in HTML5, ale nie w HTML4.

To powinno działać w HTML4:

var html = document.documentElement; 
while(html.firstChild){ 
    html.removeChild(html.firstChild); 
} 

Answer 4

Chociaż nie krzyż przeglądarka Opera ma zapisu outerHTML nieruchomości.

document.documentElement.outerHTML = ""; 

Answer 5

To może być znacznie prostsze

document.write();