TypeScript-də HTMLElement Tipi

DOM elementləri üçün də onların öz məlumat tipləri var. Gəlin DOM elementləri ilə işi bir nümunə üzərində nəzərdən keçirək. Tutaq ki, bizim aşağıdakı div-ımız var:

<div></div>

Gəlin bu div-ə istinadı dəyişəndə əldə edək. Bütün DOM elementləri HTMLElement tipinə aiddir. Gəlin bu tipi bizim dəyişənimiz üçün göstərək:

let elem: HTMLElement;

İndi isə bu dəyişənə bizim div-ımızə istinadı yazaq:

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

Bütün div-lər, HTMLElement tipi olan DOM elementləri olmaqla yanaşı, həm də HTMLDivElement tipinə aiddirlər (oxşar tiplər digər teqlər üçün də mövcuddur). Gəlin bizim elementimiz üçün daha dəqiq tip göstərək:

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

İçində promise olan bir dəyişən düzəldin.

İçində DOM element olan bir dəyişən düzəldin.

İçində ul teqinə istinad olan bir dəyişən düzəldin.