HTML DOM অ্যাঙ্কর রিল বৈশিষ্ট্য একটি লিঙ্কের rel বৈশিষ্ট্য প্রদান করে৷ rel বৈশিষ্ট্যটি চলমান নথি এবং লিঙ্কড নথির মধ্যে সংযোগ বর্ণনা করে৷
৷সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হল-
ক) rel সম্পত্তি −
ফেরত দিন
anchorObject.rel
-
খ) rel সম্পত্তি &মাইনাস
সেট করুন
anchorObject.rel = "value"
উদাহরণ
আসুন HTML DOM অ্যাঙ্কর 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 প্রপার্টি −
পেতে বোতাম
উপরের উদাহরণে -
আমরা লিঙ্কড ডকুমেন্টের সাথে সম্পর্কের ধরন নির্দিষ্ট করার জন্য ব্যবহৃত rel সম্পত্তি সহ একটি অ্যাঙ্কর ট্যাগ নিয়েছি যা উপরের কোডে রয়েছে https://www.examplesite.com/
<p> <a id="anchorExample" rel="Rel Property" href="https://www.examplesite.com/">Anchor Rel Property</a> </p>
আমরা তারপর ডিসপ্লে ফাংশন −
এক্সিকিউট করতে “Click Me” নামে একটি বোতাম তৈরি করেছি<button onclick="display()">Click me!</button>
ডিসপ্লে ফাংশন আইডি=”অ্যাঙ্কর উদাহরণ”-
সহ উপাদানটির rel বৈশিষ্ট্য পায়function display() { var docs = document.getElementById("anchorExample").rel; document.getElementById("show").innerHTML = docs; }
আমরা তারপর ডিসপ্লে ফাংশন −
এক্সিকিউট করতে “Click Me” নামে একটি বোতাম তৈরি করেছি