Тип HTMLElement в TypeScript

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

html<div></div>

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

typescriptlet elem: HTMLElement;

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

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

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

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