replacing div content with javascript

Question

I\'m trying to do this with pure javascript, not with jquery. I have a div that has an id test and contains other divs inside it. How do I empty the content of

Answer 1

clear the div:

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

replace it :

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

Off the top of my head, I think this should work....

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