HTMLElement tips TypeScript

Arī DOM elementiem ir savi datu tipi. Apskatīsim darbu ar DOM elementiem, izmantojot piemēru. Pieņemsim, ka mums ir šāds div:

html<div></div>

Iegūsim atsauci uz šo div mainīgajā. Visi DOM elementi pieder tipam HTMLElement. Norādīsim šo tipu mūsu mainīgajam:

typescriptlet elem: HTMLElement;

Tagad ierakstīsim šajā mainīgajā atsauci uz mūsu div:

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

Visi divi, papildus tam, ka ir DOM elementi ar tipu HTMLElement, arī pieder tipam HTMLDivElement (līdzīgi tipi ir arī citiem tagiem). Norādīsim mūsu elementam precīzāku tipu:

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