HTML DOM Body ऑब्जेक्ट

HTML DOM Body ऑब्जेक्ट HTML <body> एलिमेंट से जुड़ा हुआ है। body टैग के अंदर सेट किए गए एट्रिब्यूट्स और उनके मान पूरे HTML दस्तावेज़ में तब तक बने रहते हैं जब तक कि वे इसके किसी चाइल्ड नोड द्वारा ओवरराइड नहीं किए जाते। body ऑब्जेक्ट का उपयोग इन प्रॉपर्टीज और उनके मानों को एक्सेस और मैनिपुलेट करने के लिए किया जा सकता है।

प्रॉपर्टीज

HTML DOM Body ऑब्जेक्ट के लिए निम्नलिखिक प्रॉपर्टीज हैं -

नोट - नीचे दी गई प्रॉपर्टीज HTML5 में समर्थित नहीं हैं। इसके बजाय CSS का उपयोग करें -

सिंटैक्स

निम्नलिखिक सिंटैक्स है -

body ऑब्जेक्ट बनाना -

var x = document.createElement("BODY");

उदाहरण

आइए HTML DOM body ऑब्जेक्ट का एक उदाहरण देखें -

<!DOCTYPE html> <html> <head> <title>aside tag</title> <h2>HTML DOM BODY OBJECT</h2> <button onclick="createBody()">CREATE</button> <script>    function createBody() {       var x = document.createElement("BODY");       x.setAttribute("id", "myBody");       document.body.appendChild(x);       var Para = document.createElement("P");       var text = document.createTextNode("A sample paragraph       created as child of body");       Para.appendChild(text);       document.getElementById("myBody").appendChild(Para);    } </script> </head> </html>

आउटपुट

यह निम्नलिखिक आउटपुट उत्पन्न करेगा -

CREATE पर क्लिक करने पर -

उपरोक्त उदाहरण में -

हमने createBody() फ़ंक्शन को कॉल करने के लिए CREATE बटन बनाया है -

<button onclick="createBody()">CREATE</button>

createBody() मेथड <body> एलिमेंट बनाता है और इसे वेरिएबल x को असाइन करता है। setAttribute() मेथड का उपयोग करके हम body की id को “myBody” पर सेट करते हैं और appendChild() मेथड का उपयोग करके body एलिमेंट को document के चाइल्ड के रूप में जोड़ते हैं। एक और एलिमेंट <p> (पैराग्राफ) फिर टेक्स्टनोड “A sample paragraph created as child of body” के साथ बनाया जाता है। वह टेक्स्ट नोड पैराग्राफ के चाइल्ड के रूप में जोड़ा जाता है। अंत में <body> एलिमेंट की id का उपयोग करके पैराग्राफ को body में जोड़ा जाता है।

function createBody() {    var x = document.createElement("BODY");    x.setAttribute("id", "myBody");    document.body.appendChild(x);    var Para = document.createElement("P");    var text = document.createTextNode("A sample paragraph created as child of body");    Para.appendChild(text);    document.getElementById("myBody").appendChild(Para); }