Тип HTMLElement в TypeScript

За DOM елементите също има свои типове данни. Нека разгледаме работата с DOM елементи с пример. Нека имаме следния div:

<div></div>

Нека получим референция към този div в променлива. Всички DOM елементи принадлежат към типа HTMLElement. Нека посочим този тип на нашата променлива:

let elem: HTMLElement;

Нека сега запишем в тази променлива референция към нашия div:

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

Всички div елементи, освен че са DOM елементи с тип HTMLElement, също принадлежат към типа HTMLDivElement (аналогични типове има и за други тагове). Нека за нашия елемент посочим по-точен тип:

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

Направете променлива, която ще съдържа promise.

Направете променлива, която ще съдържа DOM елемент.

Направете променлива, която ще съдържа референция към таг ul.