জাভাস্ক্রিপ্টে OOP-এ অন্তর্নির্মিত ক্লাসগুলির শ্রেণিবিন্যাস

অন্তর্নির্মিত ক্লাসগুলিরও একটি শ্রেণিবিন্যাস রয়েছে। আসুন একটি অনুচ্ছেদের উদাহরণে দেখি:

<p>text</p>

চলুন একটি ভেরিয়েবলে অনুচ্ছেদের রেফারেন্স পাই:

let elem = document.querySelector('p');

কনসোলে আমাদের অনুচ্ছেদটি দেখি:

console.dir(elem);

আপনি ইতিমধ্যেই জানেন, [[Prototype]] বৈশিষ্ট্যটিতে অনুচ্ছেদের ক্লাসের নাম থাকে। এটি হল HTMLParagraphElement। যদি এই ক্লাসের বৈশিষ্ট্য এবং মেথডগুলির তালিকাটি প্রসারিত করা হয়, তবে নীচে আবার [[Prototype]] বৈশিষ্ট্যটি পাওয়া যাবে, যাতে ইতিমধ্যেই প্যারেন্ট ক্লাস থাকবে এবং সেটি হবে HTMLElement। এর জন্যও প্যারেন্ট খুঁজে পাওয়া যায় এবং এভাবেই এগিয়ে যায়।

নিম্নলিখিত ট্যাগের জন্য ক্লাসগুলির শ্রেণিবিন্যাস অধ্যয়ন করুন:

<div>text</div>

let elem = document.querySelector('div');
console.dir(elem);

নিম্নলিখিত ট্যাগের জন্য ক্লাসগুলির শ্রেণিবিন্যাস অধ্যয়ন করুন:

<input>

let elem = document.querySelector('input');
console.dir(elem);

নিম্নলিখিত কালেকশনের জন্য ক্লাসগুলির শ্রেণিবিন্যাস অধ্যয়ন করুন:

<div>text</div>
<div>text</div>
<div>text</div>

let elems = document.querySelectorAll('div');
console.dir(elems);

নিম্নলিখিত কালেকশনের জন্য ক্লাসগুলির শ্রেণিবিন্যাস অধ্যয়ন করুন:

<div>
	<p>text</p>
	<p>text</p>
	<p>text</p>
</div>

let elem = document.querySelector('div');
let elems = elem.children;

console.dir(elems);