HTML DOM Anchor কালেকশন আমাদের HTML ডকুমেন্টে থাকা সব অ্যাঙ্কর ট্যাগ (<a>) এর কালেকশন রিটার্ন করতে ব্যবহৃত হয়। এটি শুধু उन्हीं লিংকগুলো গণনা করবে যাদের সাথে name অ্যাট্রিবিউট যুক্ত থাকে। name অ্যাট্রিবিউট বর্তমান HTML5-এ ডিপ্রিকেটেড। এলিমেন্টগুলো HTML সোর্স ডকুমেন্টে থাকা ক্রমেই প্রদর্শিত হবে।
প্রোপার্টি
Anchor কালেকশনের প্রোপার্টিগুলো নিচে দেওয়া হলো।
| প্রোপার্টি | বিবরণ |
|---|---|
| length | এটি আমাদের HTML ডকুমেন্টে লিংক (<a>) এর সংখ্যা রিটার্ন করবে। |
মেথড
Anchor কালেকশনের মেথডগুলো নিচে দেওয়া হলো।
| মেথড | বিবরণ |
|---|---|
| [Index] | এটি নির্দিষ্ট ইনডেক্সে থাকা লিংক রিটার্ন করবে। ইনডেক্স 0 থেকে শুরু হয় এবং টপ টু বটম অর্ডারে। কোনো আইটেম না পাওয়া গেলে null রিটার্ন করবে। |
| item(index) | এটি নির্দিষ্ট ইনডেক্সে থাকা লিংক রিটার্ন করবে। ইনডেক্স 0 থেকে শুরু হয়। কোনো আইটেম না পাওয়া গেলে null রিটার্ন করবে। |
| namedItem(id): | এটি নির্দিষ্ট id সহ কালেকশন থেকে লিংক রিটার্ন করবে। কোনো আইটেম না পাওয়া গেলে null রিটার্ন করবে। |
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
অ্যাঙ্কর কালেকশন পাওয়ার জন্য।
document.anchors
নোট - Anchor কালেকশন সেট করা যাবে না কারণ এটা রিড-অনলি।
উদাহরণ
Anchor কালেকশনের জন্য একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <body> <a name="example">Sample1</a><br> <a name="example1">Sample2</a><br> <a name="example2">Sample3</a><br> <p>Click the button to get first link text in the above list</p> <button onclick="getCollection()">Collection</button> <button onclick="getLength()">Length</button> <p id="sample"></p> <script> function getCollection() { var x = document.anchors[0].innerHTML; document.getElementById("sample").innerHTML = x; } function getLength() { var x = document.anchors[0].innerHTML.length; document.getElementById("sample").innerHTML = x; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
「Collection」 বাটনে ক্লিক করলে:
「Length」 বাটনে ক্লিক করলে:
উপরের উদাহরণে:
আমাদের তিনটি লিংক আছে যাদের name অ্যাট্রিবিউট যথাক্রমে example, example1 এবং example2।
<a name="example">Sample1</a><br> <a name="example1">Sample2</a><br> <a name="example2">Sample3</a> <br>
তারপর আমাদের দুটি বাটন আছে collection এবং length যারা যথাক্রমে getCollection() এবং getLength() ফাংশন এক্সিকিউট করবে।
<button onclick="getCollection()">Collection</button> <button onclick="getLength()">Length</button>
getCollection() ফাংশন 0 ইনডেক্স পজিশনের অ্যাঙ্কর ট্যাগের টেক্সট রিটার্ন করে যা আমাদের কেসে Sample1। getLength() ফাংশন লিংক টেক্সটের দৈর্ঘ্য রিটার্ন করে। এখানে লিংক টেক্সট Sample1 তাই রিটার্ন হওয়া দৈর্ঘ্য 7।
