2011-08-24 2 views
23

Je suis en train de faire cela avec du javascript pur, pas avec jquery. J'ai un div qui a un ID test et contient d'autres div à l'intérieur. Comment puis-je vider le contenu de cette div et le remplacer par d'autres html?remplacer le contenu div avec javascript

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

Répondre

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

Du haut de ma tête, je pense que cela devrait fonctionner ....

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

Il est innerHTML. –

+1

Je n'ai pas downvote, mais je pense que le -1 vient de 'innerHtml' ne pas être' innerHTML'. Je vais upvote pour contrer; C'est méchant. – Bojangles

3

Utilisez 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

clair div:

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

le remplacer:

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