Typen HTMLElement i TypeScript

För DOM-element finns det också sina egna datatyper. Låt oss titta på arbete med DOM-element med ett exempel. Låt oss säga att vi har följande div:

<div></div>

Låt oss få en referens till denna div i en variabel. Alla DOM-element tillhör typen HTMLElement. Låt oss ange denna typ för vår variabel:

let elem: HTMLElement;

Låt oss nu skriva in referensen till vår div i denna variabel:

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

Alla divar, förutom att de är DOM-element med typen HTMLElement, tillhör också typen HTMLDivElement (motsvarande typer finns för andra taggar också). Låt oss ange en mer exakt typ för vårt element:

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

Skapa en variabel som kommer att innehålla promise.

Skapa en variabel som kommer att innehålla ett DOM-element.

Skapa en variabel som kommer att innehålla en referens till taggen ul.