HTMLElement-typen i TypeScript

For DOM-elementer finnes det også sine egne datatyper. La oss se på arbeid med DOM-elementer med et eksempel. La oss si at vi har følgende div:

html<div></div>

La oss få en referanse til denne div i en variabel. Alle DOM-elementer tilhører typen HTMLElement. La oss spesifisere denne typen for variabelen vår:

typescriptlet elem: HTMLElement;

La oss nå skrive referansen til vår div inn i denne variabelen:

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

Alle div-er, i tillegg til at de er DOM- elementer med typen HTMLElement, tilhører også typen HTMLDivElement (tilsvarende typer finnes for andre tagger også). La oss for vårt element spesifisere en mer presis type:

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