TypeScriptда HTMLElement типи

DOM элементлари учун хам ўз маълумот типлари мавжуд. Келгила, мисол орқали DOM элементлари билан ишлашни кўрамиз. Бизда куйидаги div бор деб фароз қилайлик:

<div></div>

Келгила, бу divга ўзгарувчида ҳавола оламиз. Барча DOM элементлари HTMLElement типига мансуб. Бу типини бизнинг ўзгарувчимизга кўрсатамиз:

let elem: HTMLElement;

Энди бу ўзгарувчига бизнинг divга ҳаволани ёзайлик:

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

Барча дивлар, HTMLElement типидаги DOM элементлари бўлиш билан бирга, шунингдек HTMLDivElement типига хам мансуб (бошқа теглар учун хам ўхшаш типлар мавжуд). Келгила, бизнинг элемент учун аниқроқ типини кўрсатамиз:

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

promiseни ўз ичига олган ўзгарувчи яратинг.

DOM элементни ўз ичига олган ўзгарувчи яратинг.

ul тегига ҳаволани ўз ичига олган ўзгарувчи яратинг.