কম্পিউটার টিউটোরিয়াল

HTML DOM links কালেকশন

ওভারভিউ

links কালেকশন <a> এবং/অথবা <area> এলিমেন্টের সাথে সম্পর্কিত সব লিংকের তালিকা/কলেকশন রিটার্ন করে।

সিনট্যাক্স

document.links

প্রপার্টিজ

প্রপার্টি/মেথড বিবরণ
length <a> এবং <area> এলিমেন্টের সংখ্যা রিটার্ন করে।
namedItem() নির্দিষ্ট id-র সাথে <a> অথবা <area> এলিমেন্ট রিটার্ন করে।

উদাহরণ

links collection length প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <title>Links Collection length</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    }    area {       border:1px solid black;    } </style> </head> <body> <form> <fieldset> <legend>Links-Collection-length</legend> <a href="https://www.google.com">Google</a> <a href="https://www.bing.com">Bing</a> <input type="button" value="Get Links" onclick="getLinks()"> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var extStyle = document.getElementById("extStyle");    function getLinks(){       var links = document.links.length;       divDisplay.textContent = 'Total Links: '+links;       for (var i = 0; i < links; i++) {          divDisplay.textContent += '--> '+document.links[i]+' ';       }    } </script> </body> </html>

আউটপুট

'Get Links' বাটনে ক্লিক করার আগে:

HTML DOM links কালেকশন

'Get Links' বাটনে ক্লিক করার পর:

HTML DOM links কালেকশন

  1. HTML DOM Table rows কালেকশন: টেবিলের সব সারি (tr) পাওয়া

  2. HTML Links

  3. HTML DOM HR অবজেক্ট

  4. HTML DOM Ul অবজেক্ট