2011-08-24 12 views
23

के साथ div सामग्री को प्रतिस्थापित करना मैं शुद्ध जावास्क्रिप्ट के साथ ऐसा करने की कोशिश कर रहा हूं, jquery के साथ नहीं। मेरे पास एक div है जिसमें एक आईडी test है और इसके अंदर अन्य divs हैं। मैं इस div की सामग्री को कैसे खाली करूं और इसे अन्य एचटीएमएल से बदलूं?जावा सामग्री

<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

मैंने डाउनवोट नहीं किया, लेकिन मुझे लगता है कि -1 'आंतरिक HTML' से आता है जो 'आंतरिक HTML' नहीं है। मैं काउंटर करने के लिए ऊपर उठाना होगा; इसका मतलब है। – Bojangles

3

उपयोग document.getElementById('test').innerHTML = ''

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); 
संबंधित मुद्दे