HTML
तत्व से जुड़ी HTML DOM बॉडी प्रॉपर्टी का उपयोग एलीमेंट के प्रॉपर्टी वैल्यू को सेट या वापस करने के लिए किया जाता है। यह तत्व लौटाता है। इसका उपयोग तत्व के अंदर सामग्री को बदलने के लिए किया जा सकता है। यह गुण तत्व के अंदर मौजूद चाइल्ड एलिमेंट सामग्री को अधिलेखित कर सकता है।सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैबॉडी प्रॉपर्टी सेट करना -
document.body = New_Content
यहां, तत्व के लिए New_Content नई सामग्री है।
उदाहरण
आइए HTML DOM बॉडी प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h2>Sample HEADING</h2>
<p>Click the below button to overwrite child content</p>
<button onclick="OverWrite()">Overwrite Content</button>
<p>A sample paragraph</p>
<script>
function OverWrite() {
document.body.innerHTML = "All the content inside the body tag is overwritten";
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
"सामग्री को अधिलेखित करें" पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमारे पास
तत्व के अंदर विभिन्न तत्व हैं जैसेतत्व, दो
तत्व और एक बटन। “सामग्री को अधिलेखित करें” बटन ओवरराइट () फ़ंक्शन को निष्पादित करता है।
<button>Overwrite Content</button>
ओवरराइट () फ़ंक्शन दस्तावेज़ के मुख्य भाग का आंतरिक HTML प्राप्त करता है और पाठ को "बॉडी टैग के अंदर की सभी सामग्री को अधिलेखित कर देता है" में बदल देता है। यह मूल रूप से सभी तत्वों को हटाकर शरीर के अंदर की सभी सामग्री को अधिलेखित कर देता है और केवल पाठ को प्रदर्शित होने देता है।
function OverWrite() {
document.body.innerHTML = "All the content inside the body tag is overwritten";
}