Der HTMLElement-Typ in TypeScript

Für DOM-Elemente gibt es auch ihre eigenen Datentypen. Schauen wir uns die Arbeit mit DOM-Elementen an einem Beispiel an. Nehmen wir an, wir haben das folgende div:

<div></div>

Lassen wir uns einen Verweis auf dieses div in einer Variable holen. Alle DOM-Elemente gehören zum Typ HTMLElement. Geben wir diesen Typ für unsere Variable an:

let elem: HTMLElement;

Schreiben wir nun in diese Variable einen Verweis auf unser div:

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

Alle Divs gehören, zusätzlich dazu, dass sie DOM-Elemente vom Typ HTMLElement sind, auch zum Typ HTMLDivElement (ähnliche Typen gibt es auch für andere Tags). Lassen Sie uns für unser Element einen präziseren Typ angeben:

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

Erstellen Sie eine Variable, die ein promise enthält.

Erstellen Sie eine Variable, die ein DOM-Element enthält.

Erstellen Sie eine Variable, die einen Verweis auf den ul-Tag enthält.