HTML DOM Anchor Rel প্রোপার্টি একটি লিংকের rel অ্যাট্রিবিউট রিটার্ন করে। rel অ্যাট্রিবিউট বর্তমান ডকুমেন্ট এবং লিংক করা ডকুমেন্টের মধ্যে সম্পর্ক বর্ণনা করে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
ক) rel প্রোপার্টি রিটার্ন করা -
anchorObject.rel
খ) 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>
আমরা তারপর "Click Me" নামে একটি বাটন তৈরি করেছি display ফাংশন এক্সিকিউট করার জন্য:
<button onclick="display()">Click me!</button>
display ফাংশন id="anchorExample" সহ এলিমেন্টের rel প্রোপার্টি পায়:
function display() { var docs = document.getElementById("anchorExample").rel; document.getElementById("show").innerHTML = docs; }
আমরা তারপর "Click Me" নামে একটি বাটন তৈরি করেছি display ফাংশন এক্সিকিউট করার জন্য:
