Замена содержимого div на javascript

Я пытаюсь сделать это с помощью чистого javascript, а не с jquery. У меня есть div, который имеет id test и содержит другие div внутри. Как очистить содержимое этого div и заменить его другим html?

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

Ответ 1

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

Ответ 2

очистить div:

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

замените его:

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

Ответ 3

Используйте document.getElementById('test').innerHTML = ''.

Ответ 4

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

Ответ 5

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

Ответ 6

Сверху моей головы, я думаю, это должно сработать...

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