HTMLElement tipas TypeScript

DOM elementams taip pat yra savo duomenų tipai. Pažiūrėkime darbą su DOM elementais pavyzdžiu. Tarkime, mes turime šį div:

html<div></div>

Gaukime nuorodą į šį div kintamajame. Visi DOM elementai priklauso tipui HTMLElement. Nurodykime šį tipą mūsų kintamajam:

typescriptlet elem: HTMLElement;

Dabar įrašykime į šį kintamąjį nuorodą į mūsų div:

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

Visi divai, be to, kad yra DOM elementai su tipu HTMLElement, taip pat priklauso tipui HTMLDivElement (panašūs tipai yra ir kitoms žymoms). Leiskite mūsų elementui nurodyti tikslų tipą:

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