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:

html<div></div>

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

typescriptlet elem: HTMLElement;

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

typescriptlet 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:

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