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:

<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:

let elem: HTMLElement;

Ora assegniamo a questa variabile un riferimento al nostro div:

let 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:

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

Crea una variabile che conterrà promise.

Crea una variabile che conterrà un elemento DOM.

Crea una variabile che conterrà un riferimento al tag ul.