Jenis HTMLElement dalam TypeScript

Untuk elemen DOM juga terdapat jenis data tersendiri. Mari kita lihat kerja dengan elemen DOM menggunakan contoh. Katakan kita mempunyai div berikut:

html<div></div>

Mari dapatkan rujukan kepada div ini dalam pembolehubah. Semua elemen DOM tergolong kepada jenis HTMLElement. Mari tentukan jenis ini kepada pembolehubah kita:

typescriptlet elem: HTMLElement;

Sekarang catatkan rujukan kepada div kita dalam pembolehubah ini:

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

Semua div, selain daripada menjadi elemen DOM dengan jenis HTMLElement, juga tergolong kepada jenis HTMLDivElement (jenis serupa juga wujud untuk tag lain). Mari tentukan jenis yang lebih tepat untuk elemen kita:

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