Tipo HTMLElement en TypeScript

Para los elementos DOM también existen sus propios tipos de datos. Veamos el trabajo con elementos DOM con un ejemplo. Supongamos que tenemos el siguiente div:

html<div></div>

Obtengamos una referencia a este div en una variable. Todos los elementos DOM pertenecen al tipo HTMLElement. Especificaremos este tipo para nuestra variable:

typescriptlet elem: HTMLElement;

Ahora guardemos en esta variable la referencia a nuestro div:

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

Todos los divs, además de ser elementos DOM con tipo HTMLElement, también pertenecen al tipo HTMLDivElement (existen tipos similares para otras etiquetas). Especifiquemos un tipo más preciso para nuestro elemento:

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