Typ HTMLElement v TypeScriptu

Pro DOM elementy také existují své datové typy. Podívejme se na práci s DOM elementy na příkladu. Předpokládejme, že máme následující div:

<div></div>

Získejme odkaz na tento div do proměnné. Všechny DOM elementy patří k typu HTMLElement. Určeme tento typ naší proměnné:

let elem: HTMLElement;

Nyní zapišme do této proměnné odkaz na náš div:

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

Všechny divy, kromě toho, že jsou DOM elementy s typem HTMLElement, patří také k typu HTMLDivElement (analogické typy existují i pro další tagy). Určeme pro náš element přesnější typ:

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

Vytvořte proměnnou, která bude obsahovat promise.

Vytvořte proměnnou, která bude obsahovat DOM element.

Vytvořte proměnnou, která bude obsahovat odkaz na tag ul.