HTMLElement-typen i TypeScript

For DOM-elementer er der også deres egne datatyper. Lad os se på arbejdet med DOM-elementer med et eksempel. Antag, at vi har følgende div:

html<div></div>

Lad os få en reference til denne div i en variabel. Alle DOM-elementer tilhører typen HTMLElement. Lad os angive denne type for vores variabel:

typescriptlet elem: HTMLElement;

Lad os nu skrive en reference til vores div ind i denne variabel:

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

Alle div'er, foruden at de er DOM-elementer med typen HTMLElement, tilhører også typen HTMLDivElement (der er lignende typer for andre tags). Lad os angive en mere præcis type for vores element:

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