HTML DOM Base ऑब्जेक्ट HTML <base> एलिमेंट से जुड़ा हुआ है। <base> एलिमेंट का उपयोग HTML दस्तावेज़ में अन्य सभी URLs के लिए बेस URL निर्दिष्ट करने के लिए किया जाता है। एक HTML दस्तावेज़ में अधिकतम एक <base> एलिमेंट हो सकता है। Base ऑब्जेक्ट का उपयोग <base> एलिमेंट के href एट्रिब्यूट को सेट या प्राप्त करने के लिए किया जाता है।
प्रॉपर्टीज
Base ऑब्जेक्ट की निम्नलिखित प्रॉपर्टीज हैं -
| प्रॉपर्टी | विवरण |
|---|---|
| href | base एलिमेंट में href एट्रिब्यूट के मान को सेट या लौटाता है |
| target | base एलिमेंट में target एट्रिब्यूट के मान को सेट या लौटाता है |
सिंटैक्स
निम्नलिखित सिंटैक्स है -
base एलिमेंट बनाना -
document.createElement ("base")
base एलिमेंट एक्सेस करना -
var a = document.getElementById("demoBase");
उदाहरण
आइए base ऑब्जेक्ट का एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <p>Create the element first and then access it</p> <p>Click the button below to create or access BASE element.</p> <button onclick="CreateBase()">CREATE</button> <button onclick="AcessBase()">ACCESS</button> <p id="SAMPLE"></p> <script> function CreateBase() { var x = document.createElement("BASE"); x.setAttribute("id","myBase"); x.setAttribute("href", "https://www.google.com"); document.head.appendChild(x); document.getElementById("SAMPLE").innerHTML = "BASE element with href https://www.google.com is created"; } function AcessBase() { var x = document.getElementById("myBase").href; document.getElementById("SAMPLE").innerHTML = x; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
CREATE पर क्लिक करने पर -
ACCESS पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने CreateBase() और AccessBase() फ़ंक्शन को क्रमशः निष्पादित करने के लिए CREATE और ACCESS नाम के दो बटन बनाए हैं।
<button onclick="CreateBase()">CREATE</button> <button onclick="AcessBase()">ACCESS</button>
CreateBase() फ़ंक्शन एक base एलिमेंट बनाता है और इसे वेरिएबल x को असाइन करता है। फिर setAttribute() मेथड का उपयोग करके हम इसका id और href सेट करते हैं। नव निर्मित base एलिमेंट को फिर appendChild() प्रॉपर्टी का उपयोग करके document head में चाइल्ड के रूप में जोड़ा जाता है। अंत में base निर्माण संदेश को इससे जुड़े id SAMPLE वाले पैराग्राफ में प्रदर्शित किया जाता है।
function CreateBase() { var x = document.createElement("BASE"); x.setAttribute("id","myBase"); x.setAttribute("href", "https://www.google.com"); document.head.appendChild(x); document.getElementById("SAMPLE").innerHTML = "BASE element with href https://www.google.com is created"; }
AcessBase() फ़ंक्शन हमारे नव निर्मित <base> एलिमेंट को एक्सेस करने के लिए बनाया गया है। यह इसे id द्वारा प्राप्त करके और फिर इसका href मान प्राप्त करके और इसे x नामक वेरिएबल को असाइन करके करता है। x में जानकारी को फिर id SAMPLE वाले पैराग्राफ में प्रदर्शित किया जाता है।
function AcessBase() { var x = document.getElementById("myBase").href; document.getElementById("SAMPLE").innerHTML = x; }
