জাভাস্ক্রিপ্ট DOM-এর অন্তর্নির্মিত ক্লাস

DOM এলিমেন্টগুলিও অন্তর্নির্মিত ক্লাসের অবজেক্ট হিসাবে কাজ করে। এর একটি উদাহরণ দেখা যাক। ধরা যাক আমাদের একটি প্যারাগ্রাফ আছে:

html<p>text</p>

এটিকে একটি ভেরিয়েবলে রেফারেন্স করি:

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

কনসোলে এই প্যারাগ্রাফটি আউটপুট করি:

javascriptconsole.log(elem);

এখন আমাদের প্যারাগ্রাফের বৈশিষ্ট্য এবং পদ্ধতিগুলির তালিকা দেখি:

javascriptconsole.dir(elem);

আমাদের প্যারাগ্রাফটি কোন ক্লাসের অন্তর্গত তা নির্ধারণ করা সম্ভব। এর জন্য বৈশিষ্ট্যগুলির তালিকায় একটি বিশেষ বৈশিষ্ট্য [[Prototype]] খুঁজে বের করতে হবে। এতে আমরা দেখতে পাই যে প্যারাগ্রাফটি HTMLParagraphElement ক্লাসের অন্তর্গত। এটি পরীক্ষা করা যাক:

javascriptconsole.log(elem instanceof HTMLParagraphElement); // true
Задание 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);

ফলাফলটি কোন ক্লাসের অন্তর্গত তা নির্ধারণ করুন।