TypeScript'te HTMLElement Tipi
DOM elemanları için de kendi veri tipleri
vardır. DOM elemanları ile çalışmayı bir
örnek üzerinden inceleyelim. Aşağıdaki
div'ımız olsun:
<div></div>
Şimdi bu div'a bir referansı bir
değişkene alalım. Tüm DOM elemanları
HTMLElement tipine aittir. Bu tipi
değişkenimize belirtelim:
let elem: HTMLElement;
Şimdi bu değişkene bizim div'ımıza
olan referansı yazalım:
let elem: HTMLElement = document.querySelector('div');
console.log(elem);
Tüm div'ler, HTMLElement tipinde
DOM elemanları olmalarının yanı sıra,
aynı zamanda HTMLDivElement tipine
de aittir (benzer tipler diğer etiketler
için de mevcuttur). Elemanımız için daha
kesin bir tip belirtelim:
let elem: HTMLDivElement = document.querySelector('div');
console.log(elem);
Promise
içerecek bir değişken yapın.
Bir DOM elemanı içerecek bir değişken yapın.
ul etiketine bir referans
içerecek bir değişken yapın.