Typ HTMLElement v TypeScript

Pre DOM elementy existujú aj svoje typy údajov. Pozrime sa na prácu s DOM elementmi na príklade. Nech máme nasledujúci div:

html<div></div>

Získajme odkaz na tento div v premennej. Všetky DOM elementy patria k typu HTMLElement. Určme tento typ našej premennej:

typescriptlet elem: HTMLElement;

Zapíšme teraz do tejto premennej odkaz na náš div:

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

Všetky divy, okrem toho, že sú DOM elementmi s typom HTMLElement, patria aj k typu HTMLDivElement (analogické typy existujú aj pre iné značky). Určme pre náš element presnejší typ:

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