HTML DOM बॉडी ऑब्जेक्ट HTML
एलिमेंट से जुड़ा है। बॉडी टैग के अंदर सेट की गई विशेषताएँ और उनके मान पूरे HTML दस्तावेज़ में बने रहते हैं, जब तक कि वे इसके किसी भी चाइल्ड नोड द्वारा ओवरराइड नहीं किए जाते। बॉडी ऑब्जेक्ट का उपयोग इन गुणों और उनके मूल्यों तक पहुँचने और हेरफेर करने के लिए किया जा सकता है।गुण
HTML DOM बॉडी ऑब्जेक्ट के गुण निम्नलिखित हैं -
नोट - नीचे दिए गए गुण HTML5 में समर्थित नहीं हैं। इसके बजाय CSS का उपयोग करें -
| संपत्ति | डिसिप्लिन |
|---|---|
| एक लिंक | दस्तावेज़ में सक्रिय लिंक रंग सेट करने या वापस करने के लिए। |
| पृष्ठभूमि | दस्तावेज़ के लिए पृष्ठभूमि छवि सेट करने या वापस करने के लिए |
| bgcolor | दस्तावेज़ की पृष्ठभूमि का रंग सेट करने या वापस करने के लिए। |
| लिंक | दस्तावेज़ में न देखे गए लिंक का रंग सेट करने या वापस करने के लिए। |
| पाठ | दस्तावेज़ का टेक्स्ट रंग सेट करने या वापस करने के लिए |
| vLink | दस्तावेज़ में विज़िट किए गए लिंक का रंग सेट करने या वापस करने के लिए। |
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैबॉडी ऑब्जेक्ट बनाना -
var x = document.createElement("BODY"); उदाहरण
आइए HTML DOM बॉडी ऑब्जेक्ट के लिए एक उदाहरण देखें -
<!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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट -
. पर क्लिक करने पर
उपरोक्त उदाहरण में -
हमने एक बटन बनाया है क्रिएट टू कॉल फंक्शन createBody() -
<button onclick="createBody()">CREATE</button>
createBody () विधि
तत्व बनाता है और इसे वेरिएबल x को असाइन करता है। setAttribute() विधि का उपयोग करके हम शरीर की आईडी को "myBody" पर सेट करते हैं और दस्तावेज़ के बच्चे के रूप में appendChild() विधि का उपयोग करके बॉडी तत्व को जोड़ते हैं। एक अन्य तत्व(पैराग्राफ) तब टेक्स्टनोड के साथ बनाया जाता है "शरीर के बच्चे के रूप में बनाया गया एक नमूना पैराग्राफ"। उस टेक्स्ट नोड को पैराग्राफ के चाइल्ड के रूप में जोड़ा गया है। अंत में
एलीमेंट की आईडी का उपयोग करके पैराग्राफ को बॉडी से जोड़ा जाता है।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);
}