กับ DOM HTML, JavaScript สามารถเข้าถึงและเปลี่ยนองค์ประกอบทั้งหมดของเอกสาร HTML
ใช้ HTML DOM (Document Object Model)
เมื่อหน้าเว็บจะโหลดเบราว์เซอร์สร้างวัตถุเอกสารแบบของหน้า
รูปแบบ HTML DOM ถูกสร้างเป็นต้นไม้ของวัตถุ:
ใช้ HTML DOM ต้นไม้ของวัตถุ
ด้วยรูปแบบวัตถุ JavaScript ได้รับพลังงานทั้งหมดที่จะต้องมีการสร้างแบบไดนามิก HTML:
- JavaScript สามารถเปลี่ยนทุกองค์ประกอบของ HTML ในหน้าเว็บ
- JavaScript สามารถเปลี่ยนทุก HTML แอตทริบิวต์ในเพจ
- JavaScript สามารถเปลี่ยนทุกรูปแบบ CSS ในหน้า
- JavaScript สามารถลบองค์ประกอบ HTML และแอตทริบิวต์ที่มีอยู่
- JavaScript สามารถเพิ่มองค์ประกอบ HTML ใหม่และคุณลักษณะ
- JavaScript สามารถตอบสนองทุกเหตุการณ์ HTML ที่มีอยู่ในหน้า
- JavaScript สามารถสร้างกิจกรรมใหม่ HTML ในหน้าเว็บ
สิ่งที่คุณจะได้เรียนรู้
ในบทต่อไปของการกวดวิชานี้คุณจะได้เรียนรู้:
- วิธีการเปลี่ยนเนื้อหาขององค์ประกอบของ HTML
- วิธีการเปลี่ยนรูปแบบ (CSS) ขององค์ประกอบ HTML
- วิธีการตอบสนองต่อเหตุการณ์ HTML DOM
- วิธีการเพิ่มและลบองค์ประกอบ HTML
DOM ทั้งหมดคืออะไร?
พระเป็น W3C A (เวิลด์ไวด์เว็บสมาคม) มาตรฐาน
พระกำหนดมาตรฐานสำหรับการเข้าถึงเอกสาร:
"ของ W3C Document Object Model (DOM) เป็นอินเตอร์เฟซแพลตฟอร์มและภาษากลางที่ช่วยให้โปรแกรมและสคริปต์ในการเข้าถึงแบบไดนามิกและปรับปรุงเนื้อหาโครงสร้างและรูปแบบของเอกสาร."
มาตรฐาน W3C DOM จะถูกแยกออกเป็น 3 ส่วนที่แตกต่างกัน
- DOM หลัก - รูปแบบมาตรฐานสำหรับทุกประเภทเอกสาร
- DOM XML - รูปแบบมาตรฐานของเอกสาร XML
- HTML DOM - รูปแบบมาตรฐานของเอกสาร HTML
HTML ที่ DOM คืออะไร?
ใช้ HTML DOM เป็นรูปแบบวัตถุและอินเตอร์เฟซการเขียนโปรแกรมมาตรฐาน HTML มันกำหนด:
- องค์ประกอบ HTMLเป็นวัตถุ
- คุณสมบัติขององค์ประกอบ HTML ทั้งหมด
- วิธีการที่จะเข้าถึงองค์ประกอบ HTML ทั้งหมด
- เหตุการณ์ที่เกิดขึ้นสำหรับองค์ประกอบ HTML ทั้งหมด
ในคำอื่น ๆ :ใช้ HTML DOM เป็นมาตรฐานสำหรับวิธีการที่จะได้รับการเปลี่ยนแปลงเพิ่มหรือลบองค์ประกอบ HTML