用javascript替换div内容

【问题标题】：replacing div content with javascript用javascript替换div内容
【发布时间】：2011-08-24 10:09:02
【问题描述】：

我正在尝试使用纯 javascript，而不是 jquery。我有一个 id 为 test 的 div，其中包含其他 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 = ''。

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

【讨论】：