ประเภท HTMLElement ใน TypeScript
สำหรับ DOM elements ก็มีประเภทข้อมูลของตัวเอง
เช่นกัน ลองดูการทำงานกับ DOM elements
จากตัวอย่าง สมมติว่าเรามี
div ต่อไปนี้:
<div></div>
มาเริ่มต้นด้วยการเก็บลิงก์ไปยัง div นี้
ลงในตัวแปร DOM elements ทั้งหมดถูกจัดประเภทเป็น
HTMLElement มากำหนดประเภทนี้
ให้กับตัวแปรของเรา:
let elem: HTMLElement;
ตอนนี้ให้บันทึกลิงก์ไปยัง
div ของเราลงในตัวแปรนี้:
let elem: HTMLElement = document.querySelector('div');
console.log(elem);
div ทั้งหมด นอกจากจะเป็น DOM elements
ที่มีประเภท HTMLElement แล้ว
ยังจัดอยู่ในประเภท HTMLDivElement
(มีประเภทที่คล้ายกันสำหรับแท็กอื่น ๆ ด้วย)
มากำหนดประเภทที่แม่นยำยิ่งขึ้น
ให้กับ element ของเรา:
let elem: HTMLDivElement = document.querySelector('div');
console.log(elem);
สร้างตัวแปรที่จะเก็บ
promise
สร้างตัวแปรที่จะเก็บ DOM element
สร้างตัวแปรที่จะเก็บ
ลิงก์ไปยังแท็ก ul
