HTML DOM बेस ऑब्जेक्ट HTML <बेस> एलिमेंट से जुड़ा है। HTML दस्तावेज़ में अन्य सभी URL के लिए आधार url निर्दिष्ट करने के लिए <आधार> तत्व का उपयोग किया जाता है। एक HTML दस्तावेज़ में अधिकतम एक <आधार> तत्व हो सकता है। बेस ऑब्जेक्ट का उपयोग <बेस> तत्व की href विशेषता को सेट या प्राप्त करने के लिए किया जाता है।
गुण
बेस ऑब्जेक्ट के गुण निम्नलिखित हैं -
संपत्ति | विवरण |
---|---|
href | आधार तत्व में href विशेषता का मान सेट या लौटाता है |
लक्ष्य | आधार तत्व में लक्ष्य विशेषता का मान सेट या लौटाता है |
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैमूल तत्व बनाना -
document.createElement ("base")
मूल तत्व तक पहुंचना -
var a = document.getElementById("demoBase");
उदाहरण
आइए आधार वस्तु का एक उदाहरण देखें -
<!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>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
क्रिएट -
. पर क्लिक करने पर
एक्सेस क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने क्रमशः CreateBase () और AccessBase () फ़ंक्शन को निष्पादित करने के लिए दो बटन CREATE और ACCESS बनाए हैं।
<button onclick="CreateBase()">CREATE</button> <button onclick="AcessBase()">ACCESS</button>
CreateBase () फ़ंक्शन एक आधार तत्व बनाता है और इसे चर x को असाइन करता है। फिर setAttribute() विधि का उपयोग करके हमने इसकी id और href सेट की। नव निर्मित आधार तत्व को तब परिशिष्ट चाइल्ड () संपत्ति का उपयोग करके दस्तावेज़ शीर्ष में जोड़ा जाता है। अंत में आधार निर्माण संदेश पैराग्राफ में प्रदर्शित होता है जिसके साथ आईडी 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 () फ़ंक्शन हमारे नए बनाए गए <आधार> तत्व तक पहुँचने के लिए बनाया गया है। यह आईडी द्वारा तत्व प्राप्त करके और फिर उसका href मान प्राप्त करके और x नामक एक चर को असाइन करके ऐसा करता है। x में दी गई जानकारी को तब id SAMPLE के साथ पैराग्राफ में प्रदर्शित किया जाता है।
function AcessBase() { var x = document.getElementById("myBase").href; document.getElementById("SAMPLE").innerHTML = x; }