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

HTML DOM एंकर प्रकार की संपत्ति

<घंटा/>

एंकर टैग से जुड़ी HTML DOM प्रकार की संपत्ति का उपयोग लिंक के प्रकार विशेषता का मान सेट करने या प्राप्त करने के लिए किया जाता है। यह विशेषता HTML 5 में पेश की गई थी। यह विशेषता भी केवल सूचक कारणों से है और इसे शामिल करना अनिवार्य नहीं है। इसमें एकल MIME (बहुउद्देशीय इंटरनेट मेल एक्सटेंशन) मान प्रकार शामिल है।

सिंटैक्स

. के लिए वाक्य रचना निम्नलिखित है

प्रकार की संपत्ति लौटाना -

anchorObject.type

टाइप प्रॉपर्टी सेट करना -

anchorObject.type = MIME-type

उदाहरण

आइए एंकर टेक्स्ट प्रॉपर्टी के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<p><a id="Anchor" type="text/html" href="https://www.examplesite.com">example site</a></p>
<p><a id="Anchor2" href="https://www.example.com">example</a></p>
<p>Click the buttons to set and get the type attribute.</p>
<button onclick="getType1()">GetType</button>
<button onclick="setType2()">SetType</button>
<p id="Type1"></p>
<script>
   function getType1() {
      var x = document.getElementById("Anchor").type;
      document.getElementById("Type1").innerHTML = x;
   }
   function setType2(){
      document.getElementById("Type1").innerHTML="Type has been set";
      document.getElementById("Anchor2").type="text/html";
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM एंकर प्रकार की संपत्ति

गेट टाइप बटन पर क्लिक करने पर -

HTML DOM एंकर प्रकार की संपत्ति

सेट टाइप बटन पर क्लिक करने पर -

HTML DOM एंकर प्रकार की संपत्ति

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

हमने क्रमशः एंकर और एंकर 2 आईडी के साथ दो लिंक लिए हैं। Anchor1 के साथ MIME टाइप टेक्स्ट/html जुड़ा है जबकि Anchor2 में इससे कोई MIME टाइप नहीं जुड़ा है।

<p><a id="Anchor" type="text/html" href="https://www.examplesite.com">example site</a></p>
<p><a id="Anchor2" href="https://www.example.com">example</a></p>

इसके बाद हमारे पास क्रमशः getType1() और getType2() फ़ंक्शन निष्पादित करने के लिए GetType और SetType दो बटन होते हैं।

<button onclick="getType1()">GetType</button>
<button onclick="setType2()">SetType</button>

getType1 () फ़ंक्शन एंकर टैग के प्रकार को इसके साथ जुड़े आईडी "एंकर" के साथ देता है। setType2() फ़ंक्शन, एंकर टैग के प्रकार को "Anchor2" आईडी के साथ टेक्स्ट/एचटीएमएल पर सेट करता है।

function getType1() {
   var x = document.getElementById("Anchor").type;
   document.getElementById("Type1").innerHTML = x;
}
function setType2(){
   document.getElementById("Type1").innerHTML="Type has been set";
   document.getElementById("Anchor2").type="text/html";
}

  1. एचटीएमएल डोम एंकर होस्टनाम संपत्ति

    HTML DOM एंकर होस्टनाम प्रॉपर्टी केवल URL का होस्टनाम लौटाती है। यह डोमेन नाम लौटाता है। सिंटैक्स होस्टनाम प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है - anchorObj.hostname = hostname ऊपर, होस्टनाम URL का होस्टनाम है। सिंटैक्स होस्टनाम प्रॉपर्टी को वापस करने के लिए सिंटैक्स निम्नलिखित है - an

  1. एचटीएमएल डोम ओएल टाइप प्रॉपर्टी

    एचटीएमएल डोम ओएल टाइप प्रॉपर्टी टाइप एट्रिब्यूट का मान सेट/रिटर्न करती है जो ऑर्डर की गई सूची में इस्तेमाल किए गए मार्कर के प्रकार से मेल खाती है। निम्नलिखित वाक्य रचना है - रिटर्निंग टाइप प्रॉपर्टी olObject.type सेटिंग प्रकार एक चरित्र के लिए olObject.type = ‘1|a|A|i|I’ आइए एक उदाहर

  1. एचटीएमएल डोम घटना प्रकार संपत्ति

    HTML DOM इवेंट टाइप प्रॉपर्टी इवेंट के प्रकार जैसे क्लिक, कीप्रेस, लोड या टचएंड के अनुरूप एक स्ट्रिंग लौटाती है। निम्नलिखित वाक्य रचना है - ट्रांज़िशन चलने वाले सेकंड की वापसी संख्या - event.type आइए ईवेंट प्रकार . का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE html> <html> <head>