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

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

html<p>text</p>

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

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

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

javascriptconsole.dir(elem);

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

Задание 1

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

html<div>text</div>

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

Задание 2

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

html<input>

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

Задание 3

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

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

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

Задание 4

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

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

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

console.dir(elems);