TypeScript-da HTMLElement tipi

DOM elementlari uchun ham o'z ma'lumot turlari mavjud. Keling, DOM elementlari bilan ishlashni misolda ko'rib chiqaylik. Quyidagi div bo'lsin:

html<div></div>

Keling, ushbu div ga o'zgaruvchida havola olamiz. Barcha DOM elementlar HTMLElement turiga tegishli. Keling, ushbu turni o'zgaruvchimizga ko'rsatamiz:

typescriptlet elem: HTMLElement;

Endi ushbu o'zgaruvchiga bizning div ga havolani yozamiz:

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

Barcha divlar, HTMLElement turidagi DOM elementlari bo'lishlaridan tashqari, shuningdek HTMLDivElement turiga ham tegishli (boshqa teglar uchun ham shunga o'xshash turlar mavjud). Keling, bizning elementimiz uchun aniqroq turni ko'rsatamiz:

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