HTMLElement tüüp TypeScriptis

DOM elementide jaoks on ka oma andmetüübid. Vaatame DOM elementidega töötamist näite abil. Oletame, et meil on järgmine div:

html<div></div>

Hankime sellele div'ile viide muutujasse. Kõik DOM elemendid kuuluvad tüüpi HTMLElement. Määrame selle tüübi oma muutujale:

typescriptlet elem: HTMLElement;

Kirjutame nüüd sellesse muutujasse viite meie div'ile:

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

Kõik div-id, lisaks sellele, et nad on DOM elemendid tüübiga HTMLElement, kuuluvad ka tüüpi HTMLDivElement (sarnased tüübid on ka teistel siltidel). Määrame oma elemendile täpsema tüübi:

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