HTML DOM एंकर रिले प्रॉपर्टी

HTML DOM Anchor Rel गुण किसी लिंक की rel विशेषता लौटाता है। रिले विशेषता चल रहे दस्तावेज़ और लिंक किए गए दस्तावेज़ के बीच संबंध का वर्णन करती है।

सिंटैक्स

निम्नलिखित का सिंटैक्स है -

a) रिले प्रॉपर्टी लौटाएं -

anchorObject.rel

b) रिले प्रॉपर्टी और माइनस सेट करें

anchorObject.rel = "value"

उदाहरण

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

<!DOCTYPE html>
<html>
<body>
<h1>Example</h1>
<p><a id="anchorExample" rel="Rel Property" href="https://www.examplesite.com/">
Anchor Rel Property</a></p>
<p>Click on the button</p>
<button onclick="display()">Click me!</button>
<p id="show"></p>
<script>
   function display() {
      var docs = document.getElementById("anchorExample").rel;
      document.getElementById("show").innerHTML = docs;
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM एंकर रिले प्रॉपर्टी

"मुझे क्लिक करें!" पर क्लिक करें। HTML DOM एंकर रिले प्रॉपर्टी प्राप्त करने के लिए बटन -

HTML DOM एंकर रिले प्रॉपर्टी

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

हमने लिंक किए गए दस्तावेज़ के संबंध के प्रकार को निर्दिष्ट करने के लिए उपयोग की जाने वाली rel प्रॉपर्टी के साथ एक एंकर टैग लिया है जो उपरोक्त कोड में https://www.examplesite.com/

है।

<p>
<a id="anchorExample" rel="Rel Property" href="https://www.examplesite.com/">Anchor Rel Property</a>
</p>

फिर हमने डिस्प्ले फंक्शन को निष्पादित करने के लिए "क्लिक मी" नाम का एक बटन बनाया है -

<button onclick="display()">Click me!</button>

डिस्प्ले फंक्शन को id=”एंकर उदाहरण” के साथ एलीमेंट की रिले प्रॉपर्टी मिलती है -

function display() {
   var docs = document.getElementById("anchorExample").rel;
   document.getElementById("show").innerHTML = docs;
}