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:

html<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:

typescriptlet elem: HTMLElement;

Şimdi bu değişkene bizim div'ımıza olan referansı yazalım:

typescriptlet 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:

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