Typ HTMLElement v TypeScriptu

Pro DOM elementy také existují své datové typy. Podívejme se na práci s DOM elementy na příkladu. Předpokládejme, že máme následující div:

html<div></div>

Získejme odkaz na tento div do proměnné. Všechny DOM elementy patří k typu HTMLElement. Určeme tento typ naší proměnné:

typescriptlet elem: HTMLElement;

Nyní zapišme do této proměnné odkaz na náš div:

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

Všechny divy, kromě toho, že jsou DOM elementy s typem HTMLElement, patří také k typu HTMLDivElement (analogické typy existují i pro další tagy). Určeme pro náš element přesnější typ:

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