HTML DOM Anchor Rel प्रॉपर्टी एक लिंक के rel एट्रिब्यूट को लौटाती है। rel एट्रिब्यूट वर्तमान दस्तावेज़ और लिंक किए गए दस्तावेज़ के बीच संबंध का वर्णन करता है।
सिंटैक्स
निम्नलिखित सिंटैक्स है -
a) rel प्रॉपर्टी लौटाएं -
anchorObject.rel
b) rel प्रॉपर्टी सेट करें &minus
anchorObject.rel = "value"
उदाहरण
आइए HTML DOM anchor rel प्रॉपर्टी का एक उदाहरण देखें -
<!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 Anchor rel प्रॉपर्टी प्राप्त करने के लिए “Click me!” बटन पर क्लिक करें -
उपरोक्त उदाहरण में -
हमने rel प्रॉपर्टी के साथ एक एंकर टैग लिया है जिसका उपयोग लिंक किए गए दस्तावेज़ के संबंध के प्रकार को निर्दिष्ट करने के लिए किया जाता है जो उपरोक्त कोड में https://www.examplesite.com/ है
<p> <a id="anchorExample" rel="Rel Property" href="https://www.examplesite.com/">Anchor Rel Property</a> </p>
फिर हमने display फ़ंक्शन को निष्पादित करने के लिए “Click Me” नाम का एक बटन बनाया -
<button onclick="display()">Click me!</button>
display फ़ंक्शन id=” Anchor example” वाले एलिमेंट की rel प्रॉपर्टी प्राप्त करता है -
function display() { var docs = document.getElementById("anchorExample").rel; document.getElementById("show").innerHTML = docs; }
फिर हमने display फ़ंक्शन को निष्पादित करने के लिए “Click Me” नाम का एक बटन बनाया -
