2011-08-24 9 views
23

jqueryではなく、純粋なjavascriptでこれを実行しようとしています。 idがtestのdivがあり、その中に他のdivが含まれています。このdivの内容を空にして他のhtmlに置き換えるにはどうすればよいですか?私の頭の上オフdivの内容をjavascriptに置き換えます。

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

答えて

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

、私はこれは動作するはずだと思う....

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

これは、innerHTMLプロパティです。 –

+1

私はdownvoteをしませんでしたが、-1は 'innerHTML'が' innerHTML'ではないと思います。私はカウンターアップアップアップします。それは意味です – Bojangles

3

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

明らかDIV:

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

はそれを置き換える:

var h1 = document.createElement('h1'); 
h1.innerHTML = "hello world!"; 
document.getElementById('test').appendChild(h1); 
関連する問題