HTMLElement type in TypeScript

Voor DOM elementen bestaan er ook hun eigen gegevenstypen. Laten we de werking met DOM elementen bekijken aan de hand van een voorbeeld. Stel dat we de volgende div hebben:

html<div></div>

Laten we een referentie naar deze div in een variabele zetten. Alle DOM elementen behoren tot het type HTMLElement. Laten we dit type voor onze variabele specificeren:

typescriptlet elem: HTMLElement;

Laten we nu in deze variabele de referentie naar onze div opslaan:

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

Alle divs zijn, naast het feit dat het DOM elementen zijn van het type HTMLElement, ook van het type HTMLDivElement (soortgelijke typen bestaan ook voor andere tags). Laten we voor ons element een meer nauwkeurig type specificeren:

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