HTML DOM অ্যাঙ্কর সংগ্রহটি আমাদের HTML নথিতে উপস্থিত সমস্ত অ্যাঙ্কর ট্যাগ() এর সংগ্রহ ফেরত দিতে ব্যবহৃত হয়। এটি শুধুমাত্র লিঙ্কগুলিকে গণনা করবে যদি তাদের সাথে নাম বৈশিষ্ট্য যুক্ত থাকে। যদিও বর্তমান HTML5-এ নামের বৈশিষ্ট্যটি বাতিল করা হয়েছে। উপাদানগুলি একই ক্রমে উপস্থিত হয় যেভাবে তারা html উত্স নথিতে উপস্থিত থাকে৷
৷সম্পত্তি
অ্যাঙ্কর সংগ্রহের বৈশিষ্ট্যগুলি নিম্নরূপ।
সম্পত্তি | বিবরণ |
---|---|
দৈর্ঘ্য | এটি আমাদের html নথিতে লিঙ্কের সংখ্যা() ফেরত দেবে। |
পদ্ধতি
অ্যাঙ্কর সংগ্রহের পদ্ধতিগুলি নিম্নরূপ।
পদ্ধতি | বিবরণ |
---|---|
[সূচী] | এটি নির্দিষ্ট সূচকে লিঙ্কটি ফিরিয়ে দেবে। সূচকটি 0 থেকে শুরু হয় এবং শীর্ষ থেকে নীচের ক্রম পর্যন্ত। কোনো আইটেম পাওয়া না গেলে নাল ফেরত দেওয়া হবে। |
আইটেম(সূচী) | এটি নির্দিষ্ট সূচকে লিঙ্কটি ফিরিয়ে দেবে। সূচকটি 0 থেকে শুরু হয়। কোনো আইটেম না পাওয়া গেলে শূন্য ফেরত দেওয়া হবে। |
নামকৃত আইটেম(আইডি): | এটি নির্দিষ্ট আইডি সহ সংগ্রহ থেকে লিঙ্কটি ফিরিয়ে দেবে৷ কোনো আইটেম না পাওয়া গেলে শূন্য ফেরত দেওয়া হবে৷ |
সিনট্যাক্স
নিম্নলিখিত সিনট্যাক্স −
অ্যাঙ্কর সংগ্রহ পাওয়ার জন্য।
document.anchors
দ্রষ্টব্য − অ্যাঙ্কর সংগ্রহ সেট করা যাবে না কারণ সেগুলি শুধুমাত্র পঠনযোগ্য৷
৷উদাহরণ
আসুন আমরা নোঙ্গর সংগ্রহের একটি উদাহরণ দেখি -
<!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>
আউটপুট
এটি নিম্নলিখিত আউটপুট তৈরি করবে -
"সংগ্রহ" বোতামে ক্লিক করলে -
"দৈর্ঘ্য" বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমাদের কাছে নামের বৈশিষ্ট্যের সাথে তিনটি লিঙ্ক রয়েছে যথাক্রমে উদাহরণ, উদাহরণ1 এবং উদাহরণ2
<a name="example">Sample1</a><br> <a name="example1">Sample2</a><br> <a name="example2">Sample3</a> <br>
তারপরে আমাদের কাছে যথাক্রমে getCollection() এবং getLength() ফাংশন চালানোর জন্য দুটি বোতাম সংগ্রহ এবং দৈর্ঘ্য রয়েছে।
<button onclick="getCollection()">Collection</button> <button onclick="getLength()">Length</button>
getCollection() ফাংশন 0 সূচক অবস্থানে অ্যাঙ্কর ট্যাগ টেক্সট ফেরত দেয় যা আমাদের ক্ষেত্রে Sample1। getLength() ফাংশন লিঙ্ক পাঠ্যের দৈর্ঘ্য প্রদান করে। এখানে লিঙ্ক টেক্সট হল Sample1 তাই দৈর্ঘ্য 7 হল।