div

Question

की सामग्री को खाली करने के लिए कैसे कोई व्यक्ति जावास्क्रिप्ट में एक div (इसे नष्ट किए बिना) की सामग्री को खाली करने के बारे में जानता है?

धन्यवाद,

ब्रूनो

Answer 1

अपने div इस तरह दिखाई देता है:

<div id="MyDiv">content in here</div>

फिर

इस जावास्क्रिप्ट:

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

यह थी की तरह लग कर देगा रों:

<div id="MyDiv"></div>

Answer 2

आप jQuery उपयोग कर रहे हैं ...

$('div').html(''); 

या

$('div').empty(); 

Answer 3

jQuery में यह होगा के रूप में सरल रूप में $('#yourDivID').empty()

देखें documentation।

Answer 4

यह को नष्ट किए बिना कह कर, आप एक मतलब तो बच्चों के लिए एक संदर्भ रखने के लिए, आप कर सकते हैं:

var oldChildren = []; 

while(element.hasChildNodes()) { 
    oldChildren.push(element.removeChild(element.firstChild)); 
} 

---

आपके प्रश्न के मूल टैगिंग (html css) के बारे में:

आप सीएसएस के साथ सामग्री को हटा नहीं सकते हैं। आप इसे केवल छुपा सकते हैं। जैसे आप के साथ एक निश्चित नोड के सभी बच्चों को छुपा सकते हैं:

#someID > * { 
    display: none; 
} 

यह IE6 में काम नहीं करता है, हालांकि (लेकिन आप #someID * इस्तेमाल कर सकते हैं)।

Answer 5

यह करने के लिए एक वैकल्पिक तरीका है:

var div = document.getElementById('myDiv'); 
while(div.firstChild) 
    div.removeChild(div.firstChild); 

हालांकि, का उपयोग कर document.getElementById('myDiv').innerHtml = ""; तेज है।

देखें: Benchmark test

N.B.

दोनों विधियां div को संरक्षित करती हैं।