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:

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

let elem: HTMLElement;

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

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

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

Opret en variabel, som vil indeholde promise.

Opret en variabel, som vil indeholde et DOM-element.

Opret en variabel, som vil indeholde en reference til ul-tagget.