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:
<div></div>
Pobierzmy teraz referencję do tego div
do zmiennej. Wszystkie elementy DOM należą
do typu HTMLElement. Wskażmy ten typ
naszej zmiennej:
let elem: HTMLElement;
Zapiszmy teraz w tej zmiennej referencję do
naszego div:
let 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:
let elem: HTMLDivElement = document.querySelector('div');
console.log(elem);
Stwórz zmienną, która będzie zawierać
promise.
Stwórz zmienną, która będzie zawierać element DOM.
Stwórz zmienną, która będzie zawierać
referencję do tagu ul.