Tipo HTMLElement in TypeScript

Anche per gli elementi DOM esistono i loro tipi di dati. Diamo un'occhiata al lavoro con gli elementi DOM con un esempio. Supponiamo di avere il seguente div:

html<div></div>

Otteniamo un riferimento a questo div in una variabile. Tutti gli elementi DOM appartengono al tipo HTMLElement. Specifichiamo questo tipo per la nostra variabile:

typescriptlet elem: HTMLElement;

Ora assegniamo a questa variabile un riferimento al nostro div:

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

Tutti gli elementi div, oltre ad essere elementi DOM di tipo HTMLElement, appartengono anche al tipo HTMLDivElement (tipi simili esistono anche per altri tag). Specifichiamo un tipo più preciso per il nostro elemento:

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