A HTMLElement típus TypeScript-ben

A DOM elemeknek is vannak saját adattípusaik. Nézzük meg a DOM elemekkel való munkát egy példán keresztül. Tegyük fel, hogy van a következő div:

<div></div>

Kapjunk hivatkozást erre a div-re egy változóba. Minden DOM elem a HTMLElement típushoz tartozik. Adjunk meg ezt a típust a változónknak:

let elem: HTMLElement;

Most írjuk be a változóba a div-re mutató hivatkozást:

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

Minden div, amellett, hogy DOM elemek a HTMLElement típussal, a HTMLDivElement típusba is tartoznak (hasonló típusok más címkéknél is léteznek). Adjunk meg pontosabb típust az elemünkhöz:

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

Készítsen egy változót, amely tartalmazni fog egy promise-t.

Készítsen egy változót, amely tartalmazni fog egy DOM elemet.

Készítsen egy változót, amely tartalmazni fog egy hivatkozást a ul címkére.