HTML DOM embeds কালেকশন আমাদের HTML ডকুমেন্টে উপস্থিত embeds [] অ্যারেতে কতগুলো অবজেক্ট আছে তা জানাতে ব্যবহৃত হয়। কালেকশনে উপস্থিত এলিমেন্টগুলো HTML ডকুমেন্টে যি ক্রমে থাকে সেটাই রক্ষা করে।
প্রপার্টি
embeds কালেকশনের জন্য প্রপার্টি নিচে দেওয়া হলো:
| প্রপার্টি | বিবরণ |
|---|---|
| length | কালেকশনে কতগুলো <embed> এলিমেন্ট আছে তা রিটার্ন করে। এই প্রপার্টির মান পরিবর্তন করা যাবে না কারণ এটি শুধুমাত্র পঠনযোগ্য (read-only)। |
মেথড
embeds কালেকশনের জন্য মেথডগুলো নিচে দেওয়া হলো:
| মেথড | বিবরণ |
|---|---|
| [index] | দিয়ে गये ইন্ডেক্স অনুযায়ী কালেকশন থেকে <embed> এলিমেন্ট রিটার্ন করে। ইন্ডেক্সিং ০ থেকে শুরু হয় এবং ইন্ডেক্স আউট অফ রেঞ্জ হলে null রিটার্ন করে। |
| item(index) | দিয়ে गये ইন্ডেক্স অনুযায়ী কালেকশন থেকে <embed> এলিমেন্ট রিটার্ন করে। ইন্ডেক্সিং ০ থেকে শুরু হয় এবং ইন্ডেক্স আউট অফ রেঞ্জ হলে null রিটার্ন করে। |
| namedItem | দিয়ে गये id যের সাথে জড়িত থাকে সে <embed> এলিমেন্টটি কালেকশন থেকে রিটার্ন করে। দেওয়া id না থাকলে null রিটার্ন করে। |
সিনট্যাক্স
embeds কালেকশনের সিনট্যাক্স নিচে দেওয়া হলো:
document.embeds
উদাহরণ
HTML DOM embeds কালেকশনের জন্য একটি উদাহরণ নিচে দেওয়া হলো:
<!DOCTYPE html> <html> <head> <style> .EMB{ width:200px; height:200px; border:4px solid blue; } </style> </head> <body> <h1>Embeds কালেকশন উদাহরণ</h1> <p>নিচের বাটনে ক্লিক করে এই ডকুমেন্টে embeds এলিমেন্টের সংখ্যা জানুন।</p> <embed class="EMB" src="Text-collection.pdf"> <embed class="EMB" src="Text-collection.pdf"> <br><br> <button onclick="embedsNo()">গণনা পান</button> <p id="Sample"></p> <script> function embedsNo() { var e = document.embeds.length; document.getElementById("Sample").innerHTML ="এই ডকুমেন্টে embed এলিমেন্টের সংখ্যা " + e; } </script> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
GET COUNT বাটনে ক্লিক করলে:
উপরের উদাহরণে:
আমরা দুটি embed এলিমেন্ট তৈরি করেছি যাদের সাধারণ class অ্যাট্রিবিউটের ভিত্তিতে 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-তে অ্যাসাইন করে। যেহেতু ডকুমেন্টে শুধু দুটি <embed> এলিমেন্ট আছে তাই embeds.length ২ রিটার্ন করবে।
এই মানটি id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি দিয়ে প্রদর্শন করা হয়েছে:
function embedsNo() { var e = document.embeds.length; document.getElementById("Sample").innerHTML ="এই ডকুমেন্টে embed এলিমেন্টের সংখ্যা " + e; } 