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 :

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

typescriptlet elem: HTMLElement;

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

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

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