Tipul HTMLElement în TypeScript

Pentru elementele DOM există și propriile lor tipuri de date. Să vedem lucrul cu elementele DOM cu un exemplu. Să presupunem că avem următorul div:

html<div></div>

Să obținem o referință la acest div într-o variabilă. Toate elementele DOM aparțin tipului HTMLElement. Să specificăm acest tip variabilei noastre:

typescriptlet elem: HTMLElement;

Acum să înregistrăm în această variabilă referința la div-ul nostru:

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

Toate div-urile, pe lângă faptul că sunt elemente DOM cu tipul HTMLElement, aparțin și tipului HTMLDivElement (tipuri similare există și pentru alte tag-uri). Să specificăm pentru elementul nostru un tip mai precis:

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