HTML DOM এম্বেড সংগ্রহ

HTML DOM এম্বেড সংগ্রহটি আমাদের HTML নথিতে এমবেড [] অ্যারেতে উপস্থিত অবজেক্টের সংখ্যা ফেরত দেওয়ার জন্য ব্যবহার করা হয়। সংগ্রহের উপাদানগুলি একই ক্রমে উপস্থিত থাকে যেভাবে তারা HTML নথিতে প্রদর্শিত হয়৷

৷

সম্পত্তি

নিম্নলিখিত এম্বেড সংগ্রহের সম্পত্তি -

সম্পত্তি	বিবরণ
দৈর্ঘ্য	সংগ্রহে উপস্থিত উপাদানের সংখ্যা ফেরত দিতে। আপনি এই সম্পত্তির মান পরিবর্তন করতে পারবেন না কারণ এটি শুধুমাত্র পঠনযোগ্য।

পদ্ধতি

নিম্নলিখিত এম্বেড সংগ্রহের পদ্ধতি −

পদ্ধতি	বিবরণ
[সূচী]	প্রদত্ত সূচকের সাথে সংগ্রহে উপাদান ফেরত দিতে। সূচীকরণ 0 থেকে শুরু হয় এবং সূচী নম্বর পরিসীমার বাইরে থাকলে শূন্য ফেরত দেওয়া হয়।
আইটেম(সূচী)	প্রদত্ত সূচকের সাথে সংগ্রহ থেকে উপাদান ফেরত দিতে। সূচীকরণ 0 থেকে শুরু হয় এবং সূচী নম্বর পরিসীমার বাইরে থাকলে শূন্য ফেরত দেওয়া হয়।
নামকৃত আইটেম	সংগ্রহ থেকে উপাদান ফেরত দিতে যার সাথে প্রদত্ত আইডি যুক্ত আছে। প্রদত্ত আইডি বিদ্যমান না থাকলে নাল ফেরত দেওয়া হয়।

সিনট্যাক্স

এমবেড সংগ্রহের জন্য সিনট্যাক্স নিচে দেওয়া হল −

document.embeds

উদাহরণ

আসুন HTML DOM এম্বেড সংগ্রহ -

-এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<head>
<style>
   .EMB{
      width:200px;
      height:200px;
      border:4px solid blue;
   }
</style>
</head>
<body>
<h1>Embeds collection example</h1>
<p>Get the number of embeds element in this document by clicking the below button.</p>
<embed class="EMB" src="Text-collection.pdf">
<embed class="EMB" src="Text-collection.pdf">
<br><br>
<button onclick="embedsNo()">GET COUNT</button>
<p id="Sample"></p>
<script>
   function embedsNo() {
      var e = document.embeds.length;
      document.getElementById("Sample").innerHTML ="The number of embed elements in this document are " + e;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM এম্বেড সংগ্রহ

GET COUNT বোতামে ক্লিক করলে -

HTML DOM এম্বেড সংগ্রহ

উপরের উদাহরণে -

আমরা দুটি এম্বেড উপাদান তৈরি করেছি যাতে তাদের সাধারণ শ্রেণি বৈশিষ্ট্যের মান −

এর উপর ভিত্তি করে একটি css শৈলী প্রয়োগ করা হয়।

.EMB{
   width:200px;
   height:200px;
   border:4px solid blue;
}
<embed class="EMB" src="Text-collection.pdf">
<embed class="EMB" src="Text-collection.pdf">

তারপরে আমরা GET COUNT বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে embedsNo() পদ্ধতিটি কার্যকর করবে −

<button onclick="embedsNo()">GET COUNT</button>

embedsNo() পদ্ধতি embeds.length অ্যাট্রিবিউটের মান পায় এবং এটি ভেরিয়েবল e-এ বরাদ্দ করে। যেহেতু আমাদের নথিতে শুধুমাত্র দুটি উপাদান আছে embeds.length 2 ফেরত দেবে।

এই মানটি তারপর অনুচ্ছেদে আইডি "নমুনা" সহ প্রদর্শিত হয় এবং এর অভ্যন্তরীণ এইচটিএমএল প্রপার্টি মানটি উদ্দেশ্যযুক্ত পাঠ্যে সেট করে -

function embedsNo() {
   var e = document.embeds.length;
   document.getElementById("Sample").innerHTML ="The number of embed elements it this document are " + e;
}