Tipe HTMLElement di TypeScript

Untuk elemen DOM juga ada tipe data tersendiri. Mari kita lihat cara bekerja dengan elemen DOM dengan sebuah contoh. Misalkan kita memiliki div berikut:

html<div></div>

Mari kita dapatkan referensi ke div ini dalam sebuah variabel. Semua elemen DOM termasuk ke dalam tipe HTMLElement. Mari kita tentukan tipe ini untuk variabel kita:

typescriptlet elem: HTMLElement;

Sekarang mari kita tulis referensi ke div kita ke dalam variabel ini:

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

Semua elemen div, selain merupakan elemen DOM dengan tipe HTMLElement, juga termasuk ke dalam tipe HTMLDivElement (ada juga tipe serupa untuk tag lainnya). Mari kita tentukan tipe yang lebih tepat untuk elemen kita:

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