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:

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

let elem: HTMLElement;

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

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

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

Buatlah variabel yang akan berisi promise.

Buatlah variabel yang akan berisi elemen DOM.

Buatlah variabel yang akan berisi referensi ke tag ul.