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:

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

let elem: HTMLElement;

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

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

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

Maak een variabele die een promise bevat.

Maak een variabele die een DOM element bevat.

Maak een variabele die een referentie naar de ul tag bevat.