DOM คือต้นไม้ของหน้า
จาก HTML ถึงโหนด
เบราว์เซอร์อ่าน HTML แล้วสร้างต้นไม้โหนด · สคริปต์ของคุณเลือกโหนด แล้วอ่านหรือเปลี่ยนมัน
ลำดับสั้น ๆ ที่ใช้บ่อย
1) หาเอลิเมนต์
2) เปลี่ยนข้อความ / คลาส / แอตทริบิวต์
3) ฟังเหตุการณ์จากผู้ใช้
4) อัปเดตหน้าตามผล
วาง
<script> ท้าย body หรือรอให้โหลด DOM ก่อนค่อย query — ไม่งั้นอาจหาเอลิเมนต์ไม่เจอ