Tip HTMLElement u TypeScript-u

Za DOM elemente takođe postoje sopstveni tipovi podataka. Hajde da pogledamo rad sa DOM elementima na primeru. Pretpostavimo da imamo sledeći div:

<div></div>

Hajde da dobijemo referencu na ovaj div u promenljivu. Svi DOM elementi pripadaju tipu HTMLElement. Navedimo ovaj tip za našu promenljivu:

let elem: HTMLElement;

Zabeležimo sada u ovu promenljivu referencu na naš div:

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

Svi div-ovi, pored toga što su DOM elementi tipa HTMLElement, takođe pripadaju tipu HTMLDivElement (slični tipovi postoje i za druge tagove). Hajde da za naš element navedemo precizniji tip:

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

Napravite promenljivu koja će sadržati promise.

Napravite promenljivu koja će sadržati DOM element.

Napravite promenljivu koja će sadržati referencu na tag ul.