Typ HTMLElement w TypeScript

Dla elementów DOM również istnieją swoje typy danych. Spójrzmy na pracę z elementami DOM na przykładzie. Załóżmy, że mamy następujący div:

html<div></div>

Pobierzmy teraz referencję do tego div do zmiennej. Wszystkie elementy DOM należą do typu HTMLElement. Wskażmy ten typ naszej zmiennej:

typescriptlet elem: HTMLElement;

Zapiszmy teraz w tej zmiennej referencję do naszego div:

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

Wszystkie divy, oprócz tego, że są elementami DOM z typem HTMLElement, również należą do typu HTMLDivElement (podobne typy istnieją dla innych tagów). Określmy dla naszego elementu bardziej precyzyjny typ:

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