2011-08-24 8 views
23

Sto provando a farlo con javascript puro, non con jquery. Ho un div che ha un id test e contiene altre div al suo interno. Come svuoto il contenuto di questo div e lo sostituisco con un altro html?sostituendo il contenuto div con javascript

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

risposta

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

Fuori della parte superiore della mia testa, penso che questo dovrebbe funzionare ....

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

È innerHTML. –

+1

Non ho fatto downvoting, ma penso che -1 provenga da innerHtml non essendo innerHTML. Io inviterò a contrastare; questo è cattivo. – Bojangles

3

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

3
document.getElementById("test").innerHTML = "Some other Content"; 
3
var testDiv = document.getElementById("test"); 
testDiv.innerHTML = "<h5>It works!</h5>"; 
12

chiara del div:

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

sostituirlo:

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