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:

<div></div>

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

let elem: HTMLElement;

Sekarang catatkan rujukan kepada div kita dalam pembolehubah ini:

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

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

Buat pembolehubah yang akan mengandungi promise.

Buat pembolehubah yang akan mengandungi elemen DOM.

Buat pembolehubah yang akan mengandungi rujukan kepada tag ul.