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);