Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम बेस ऑब्जेक्ट

<घंटा/>

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;
}

  1. एचटीएमएल डोम एचआर ऑब्जेक्ट

    HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है। घंटा वस्तु बनाएं− सिंटैक्स निम्नलिखित वाक्य रचना है - दस्तावेज़.क्रिएट एलीमेंट (एचआर); आइए हम घंटा वस्तु का एक उदाहरण देखें- उदाहरण body { text-align:center; पृष्ठभूमि-रंग:#fff; रंग:#0197F6; } h1 {रंग:#23CE6B; } .btn {पृष्ठभूम

  1. एचटीएमएल डोम ऑब्जेक्ट ऑब्जेक्ट

    HTML में HTML DOM ऑब्जेक्ट ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक तत्व बनाना var objectElement = document.createElement(“OBJECT”) यहां, “ऑब्जेक्ट एलीमेंट में निम्नलिखित गुण हो सकते हैं - संपत्ति विवरण data ऑब्जेक्टलेमेंट द्वारा उपयोग किए जा रहे संसाधन का URL सेट/रिटर्न

  1. एचटीएमएल डोम उल ऑब्जेक्ट

    एचटीएमएल में एचटीएमएल डोम उल ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक बनाना तत्व var ulObject = document.createElement(“UL”) यहां, “ulObject” निम्न गुण हो सकते हैं लेकिन HTML5 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची