Тип 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
.