ტიპი HTMLElement TypeScript-ში

DOM ელემენტებისთვის ასევე არსებობს მათი მონაცემთა ტიპები. მოდით შევხედოთ მუშაობას DOM ელემენტებთან მაგალითზე. მოდით გვაქვს შემდეგი div:

<div></div>

მოდით მივიღოთ ბმული ამ div-ზე ცვლადში. ყველა DOM ელემენტი ეკუთვნის ტიპს HTMLElement. მივუთითოთ ეს ტიპი ჩვენს ცვლადს:

let elem: HTMLElement;

ახლა ჩავწეროთ ამ ცვლადში ბმული ჩვენს div-ზე:

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

ყველა div-ი, გარდა იმისა, რომ არის DOM ელემენტი ტიპით HTMLElement, ასევე ეკუთვნის ტიპს HTMLDivElement (მსგავსი ტიპები არსებობს სხვა ტეგებისთვისაც). მოდით ჩვენი ელემენტისთვის მივუთითოთ უფრო ზუსტი ტიპი:

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

გააკეთეთ ცვლადი, რომელიც შეიცავს promise-ს.

გააკეთეთ ცვლადი, რომელიც შეიცავს DOM ელემენტს.

გააკეთეთ ცვლადი, რომელიც შეიცავს ბმულს ტეგ ul-ზე.