Kiểu HTMLElement trong TypeScript

Đối với các phần tử DOM cũng có các kiểu dữ liệu riêng. Hãy cùng xem cách làm việc với các phần tử DOM qua một ví dụ. Giả sử chúng ta có một div sau:

html<div></div>

Hãy lấy một tham chiếu đến div này vào một biến. Tất cả các phần tử DOM đều thuộc kiểu HTMLElement. Hãy chỉ định kiểu này cho biến của chúng ta:

typescriptlet elem: HTMLElement;

Bây giờ hãy ghi tham chiếu đến div của chúng ta vào biến này:

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

Tất cả các phần tử div, ngoài việc là các phần tử DOM với kiểu HTMLElement, cũng thuộc kiểu HTMLDivElement (các kiểu tương tự cũng có cho các thẻ khác). Hãy chỉ định một kiểu chính xác hơn cho phần tử của chúng ta:

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