用javascript代替div內容

Question

我試圖用純javascript來做到這一點，而不是用jquery。我有一個ID爲test的div，幷包含其中的其他div。如何清空這個div的內容並用其他html替換它？

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

Answer 1

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

Answer 2

關閉我的頭頂，我認爲這應該工作....

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

Answer 3

使用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

明確的股利：

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

替換：

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