Тип HTMLElement у TypeScript-у

За DOM елементе такође постоје сопствени типови података. Хајде да погледамо рад са DOM елементима на примеру. Претпоставимо да имамо следећи div:

<div></div>

Хајде да добијемо референцу на овај div у променљиву. Сви DOM елементи припадају типу HTMLElement. Наведемо овај тип нашој променљивој:

let elem: HTMLElement;

Упишимо сада у ову променљиву референцу на наш div:

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

Сви div-ови, поред тога што су DOM елементи типа HTMLElement, такође припадају типу HTMLDivElement (слични типови постоје и за друге тагове). Хајде за наш елемент да наведемо прецизнији тип:

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

Направите променљиву која ће садржати promise.

Направите променљиву која ће садржати DOM елемент.

Направите променљиву која ће садржати референцу на таг ul.