Запись на курсы по HTML, CSS, JavaScript, PHP, Python, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
⊗jstsPmIbHE 38 of 55 menu
Вступайте в телеграмм-канал сайта code.mu: новинки, статьи, интервью, задачи, бесплатные курсы и тренинги. Жми для вступления:)

Тип HTMLElement в TypeScript

Для DOM элементов также есть свои типы данных. Давайте посмотрим работу с DOM элементами на примере. Пусть у нас есть следующий div:

<div></div>

Давайте получим ссылку на этот div в переменную. Все DOM элементы относятся к типу HTMLElement. Укажем этот тип нашей переменной:

let elem: HTMLElement;

Запишем теперь в эту переменную ссылку на наш div:

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

Все дивы, помимо того, что являются DOM элементами с типом HTMLElement, также относятся к типу HTMLDivElement (аналогичные типы есть и у других тегов). Давайте для нашего элемента укажем более точный тип:

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

Сделайте переменную, которая будет содержать promise.

Сделайте переменную, которая будет содержать DOM элемент.

Сделайте переменную, которая будет содержать ссылку на тег ul.

byenru