Le type HTMLElement en TypeScript

Pour les éléments DOM, il existe également leurs propres types de données. Regardons le travail avec les éléments DOM sur un exemple. Supposons que nous ayons le div suivant :

<div></div>

Obtenons une référence à ce div dans une variable. Tous les éléments DOM appartiennent au type HTMLElement. Spécifions ce type pour notre variable :

let elem: HTMLElement;

Enregistrons maintenant dans cette variable une référence à notre div :

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

Tous les divs, en plus d'être des éléments DOM de type HTMLElement, appartiennent également au type HTMLDivElement (des types similaires existent pour d'autres balises). Spécifions un type plus précis pour notre élément :

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

Créez une variable qui contiendra promise.

Créez une variable qui contiendra un élément DOM.

Créez une variable qui contiendra une référence à la balise ul.