A HTMLElement típus TypeScript-ben

A DOM elemeknek is vannak saját adattípusaik. Nézzük meg a DOM elemekkel való munkát egy példán keresztül. Tegyük fel, hogy van a következő div:

html<div></div>

Kapjunk hivatkozást erre a div-re egy változóba. Minden DOM elem a HTMLElement típushoz tartozik. Adjunk meg ezt a típust a változónknak:

typescriptlet elem: HTMLElement;

Most írjuk be a változóba a div-re mutató hivatkozást:

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

Minden div, amellett, hogy DOM elemek a HTMLElement típussal, a HTMLDivElement típusba is tartoznak (hasonló típusok más címkéknél is léteznek). Adjunk meg pontosabb típust az elemünkhöz:

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