টাইপস্ক্রিপ্টে 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 ট্যাগের একটি রেফারেন্স ধারণ করবে।