ტიპი 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);