কম্পিউটার

এইচটিএমএল ডম অ্যাঙ্কর রিল প্রপার্টি


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” নামে একটি বোতাম তৈরি করেছি
  1. HTML DOM অ্যাঙ্কর টাইপ প্রপার্টি

  2. HTML DOM অ্যাঙ্কর টার্গেট প্রপার্টি

  3. HTML DOM অ্যাঙ্কর অনুসন্ধান সম্পত্তি

  4. HTML DOM অ্যাঙ্কর হোস্টনেম প্রপার্টি