Tip HTMLElement v TypeScript

Za DOM elemente obstajajo tudi njihovi tipi podatkov. Oglejmo si delo z DOM elementi na primeru. Imejmo naslednji div:

html<div></div>

Dobimo referenco na ta div v spremenljivko. Vsi DOM elementi spadajo k tipu HTMLElement. Določimo ta tip naši spremenljivki:

typescriptlet elem: HTMLElement;

Zapišimo zdaj v to spremenljivko referenco na naš div:

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

Vsi divi, poleg tega, da so DOM elementi s tipom HTMLElement, spadajo tudi k tipu HTMLDivElement (podobni tipi obstajajo tudi za druge oznake). Določimo za naš element bolj natančen tip:

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