Тип HTMLElement в TypeScript

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

html<div></div>

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

typescriptlet elem: HTMLElement;

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

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

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

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