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:

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

typescriptlet elem: HTMLElement;

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

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

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