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:

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

typescriptlet elem: HTMLElement;

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

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

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