ประเภท HTMLElement ใน TypeScript

สำหรับ DOM elements ก็มีประเภทข้อมูลของตัวเอง เช่นกัน ลองดูการทำงานกับ DOM elements จากตัวอย่าง สมมติว่าเรามี div ต่อไปนี้:

html<div></div>

มาเริ่มต้นด้วยการเก็บลิงก์ไปยัง div นี้ ลงในตัวแปร DOM elements ทั้งหมดถูกจัดประเภทเป็น HTMLElement มากำหนดประเภทนี้ ให้กับตัวแปรของเรา:

typescriptlet elem: HTMLElement;

ตอนนี้ให้บันทึกลิงก์ไปยัง div ของเราลงในตัวแปรนี้:

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

div ทั้งหมด นอกจากจะเป็น DOM elements ที่มีประเภท HTMLElement แล้ว ยังจัดอยู่ในประเภท HTMLDivElement (มีประเภทที่คล้ายกันสำหรับแท็กอื่น ๆ ด้วย) มากำหนดประเภทที่แม่นยำยิ่งขึ้น ให้กับ element ของเรา:

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