TypeScript හි HTMLElement වර්ගය

DOM අංග සඳහා ද ඒවායේම දත්ත වර්ග ඇත. අපි උදාහරණයක් මත DOM අංග සමඟ වැඩ කිරීම බලමු. අප සතුව පහත div තිබිය යුතුය:

html<div></div>

මෙම div සඳහා විචල්යයකට සබැඳියක් අපි ලබා ගනිමු. සියලුම DOM අංග HTMLElement වර්ගයට අයත් වේ. අපගේ විචල්යයට මෙම වර්ගය නිශ්චිතව දක්වමු:

typescriptlet elem: HTMLElement;

දැන් මෙම විචල්යය තුළ අපගේ div සඳහා සබැඳිය ලියා තබමු:

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

සියලුම div, HTMLElement වර්ගයේ DOM අංග වීමට අමතරව, ඒවා HTMLDivElement වර්ගයට ද අයත් වේ (වෙනත් ටැග් සඳහා ද සමාන වර්ග ඇත). අපගේ අංගය සඳහා වඩාත් නිවැරදි වර්ගයක් නිශ්චිතව දක්වමු:

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