টাইপস্ক্রিপ্টে HTMLElement টাইপ

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

<div></div>

আসুন এই div-এর রেফারেন্স একটি ভেরিয়েবলে পাই। সমস্ত DOM এলিমেন্ট HTMLElement টাইপের অন্তর্গত। আমাদের ভেরিয়েবলের জন্য এই টাইপটি নির্দিষ্ট করি:

let elem: HTMLElement;

এখন এই ভেরিয়েবলে আমাদের div-এর রেফারেন্স লিখি:

let elem: HTMLElement = document.querySelector('div');
console.log(elem);

সমস্ত div, শুধু যে তারা HTMLElement টাইপের DOM এলিমেন্ট তা-ই নয়, তারা HTMLDivElement টাইপেরও অন্তর্গত (অন্যান্য ট্যাগের জন্যও অনুরূপ টাইপ রয়েছে)। আসুন আমাদের এলিমেন্টের জন্য আরও সঠিক টাইপ নির্দিষ্ট করি:

let elem: HTMLDivElement = document.querySelector('div');
console.log(elem);

একটি ভেরিয়েবল তৈরি করুন যেটি একটি promise ধারণ করবে।

একটি ভেরিয়েবল তৈরি করুন যেটি একটি DOM এলিমেন্ট ধারণ করবে।

একটি ভেরিয়েবল তৈরি করুন যেটি ul ট্যাগের একটি রেফারেন্স ধারণ করবে।