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

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

<p>text</p>

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

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

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

console.log(elem);

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

console.dir(elem);

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

console.log(elem instanceof HTMLParagraphElement); // true

নিম্নলিখিত কোড 실행ের ফলাফল পর্যালোচনা করুন:

<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);

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