Тип 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.