एंकर टैग से जुड़ी 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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
गेट टाइप बटन पर क्लिक करने पर -
सेट टाइप बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने क्रमशः एंकर और एंकर 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"; }