HTML <body> एलिमेंट से जुड़ी HTML DOM body प्रॉपर्टी का उपयोग <body> एलिमेंट के प्रॉपर्टी मानों को सेट या लौटाने के लिए किया जाता है। यह <body> एलिमेंट को लौटाता है। इसका उपयोग <body> एलिमेंट के अंदर की सामग्री को बदलने के लिए किया जा सकता है। यह प्रॉपर्टी <body> एलिमेंट के अंदर मौजूद चाइल्ड एलिमेंट्स की सामग्री को ओवरराइट कर सकती है।
सिंटैक्स
निम्नलिखिक सिंटैक्स है -
body प्रॉपर्टी सेट करना -
document.body = New_Content
यहां, New_Content एलिमेंट के लिए नई सामग्री है।
उदाहरण
आइए HTML DOM Body प्रॉपर्टी का एक उदाहरण देखें -
<!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>
आउटपुट
यह निम्नलिखिक आउटपुट उत्पन्न करेगा -
“Overwrite Content” पर क्लिक करने पर -
उपरोक्त उदाहरण में -
<body> एलिमेंट के अंदर विभिन्न एलिमेंट्स हैं जैसे एक <h2> एलिमेंट, दो <p> एलिमेंट्स और एक बटन। “Overwrite Content” बटन OverWrite() फ़ंक्शन को निष्पादित करता है।
<button>Overwrite Content</button>
OverWrite() फ़ंक्शन document body के innerHtml को प्राप्त करता है और टेक्स्ट को “All the content inside the body tag is overwritten” में बदल देता है। यह मूल रूप से body के अंदर सभी सामग्री को ओवरराइट करता है जिससे सभी एलिमेंट्स हट जाते हैं और केवल टेक्स्ट प्रदर्शित होता है।
function OverWrite() { document.body.innerHTML = "All the content inside the body tag is overwritten"; }
