Tipo HTMLElement em TypeScript

Para elementos DOM, também existem tipos de dados específicos. Vamos ver o trabalho com elementos DOM com um exemplo. Suponha que temos o seguinte div:

html<div></div>

Vamos obter uma referência a este div em uma variável. Todos os elementos DOM pertencem ao tipo HTMLElement. Vamos especificar este tipo para nossa variável:

typescriptlet elem: HTMLElement;

Agora, vamos atribuir a esta variável uma referência ao nosso div:

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

Todas as divs, além de serem elementos DOM do tipo HTMLElement, também pertencem ao tipo HTMLDivElement (tipos semelhantes existem para outras tags). Vamos especificar um tipo mais preciso para o nosso elemento:

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