# Тип HTMLElement в TypeScript

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

`<div></div>`

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

`let elem: HTMLElement;`

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

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

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

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

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

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

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

← →
↑