Тып 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);