Aina ya HTMLElement katika TypeScript

Kwa vipengele vya DOM pia kuna aina zao za data za data. Hebu tuangalie kazi na vipengele vya DOM kwa kutumia mfano. Hebu tuwe na div ifuatayo:

html<div></div>

Hebu tupate kiungo kwenye hii div kwenye kutofautisha. Vipengele vyote vya DOM vinahusiana na aina HTMLElement. Hebu tuonyeshe aina hii kwa kutofautisha kwetu:

typescriptlet elem: HTMLElement;

Sasa andika kwenye kutofautisha hiki kiungo kwenye div yetu:

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

Div zote, pamoja na kuwa vipengele vya DOM na aina HTMLElement, pia zinahusiana na aina HTMLDivElement (aina sawa zipo kwa vitenzi vingine). Hebu kwa kipengele chetu tuonyeshe zaidi aina sahihi:

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