用javascript替换div内容

我试图用纯javascript而不是jquery来实现这一点。我有一个div，它有一个id

test

，其中包含其他div。如何清空此div的内容并用其他html替换它

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

...
...
...

在我的脑海里，我认为这应该行得通

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

---

使用

document.getElementById（'test'）。innerHTML='

var testDiv=document.getElementById（“test”）；
testDiv.innerHTML=“它可以工作！”；

清除div：

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

替换它：

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

---

我没有投反对票，但我认为-1来自

innerHtml

而不是

innerHtml

。我将投票反对；那太卑鄙了。

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

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

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