reemplazando el contenido div con javascript

Question

Estoy tratando de hacer esto con javascript puro, no con jquery. Tengo un div que tiene un id test y contiene otros divs dentro de él. ¿Cómo elimino el contenido de este div y lo reemplazo por otro html?

<div id="test"> 
    <div>...</div> 
    <div>...</div> 
    <div>...</div> 
</div> 

Answer 1

document.getElementById("test").innerHTML = "new content" 

Answer 2

De la parte superior de mi cabeza, creo que esto debería funcionar ....

document.getElementById("test").innerHTML = ""; 

Answer 3

Uso document.getElementById('test').innerHTML = ''.

Answer 4

document.getElementById("test").innerHTML = "Some other Content"; 

Answer 5

var testDiv = document.getElementById("test"); 
testDiv.innerHTML = "<h5>It works!</h5>"; 

Answer 6

claro el div:

document.getElementById('test').innerHTML = ''; 

reemplazarlo:

var h1 = document.createElement('h1'); 
h1.innerHTML = "hello world!"; 
document.getElementById('test').appendChild(h1);