จาวาสคริปต์ HTML DOM
สารบัญ
ด้วย HTML DOM ทำให้ JavaScript สามารถเข้าถึงและเปลี่ยนแปลงองค์ประกอบทั้งหมดของ HTML เอกสาร.
HTML DOM (รูปแบบวัตถุเอกสาร)
เมื่อโหลดหน้าเว็บ เบราว์เซอร์จะสร้าง Document Oรูปแบบ M ของหน้า
โมเดล HTML DOM ถูกสร้างขึ้นเป็นแผนผังของ Objects:
ต้นไม้ 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 คืออะไร?
DOM เป็นมาตรฐาน W3C (World Wide Web Consortium)
DOM กำหนดมาตรฐานสำหรับการเข้าถึงเอกสาร:
"W3C Document Object Model (DOM) เป็นแพลตฟอร์มและภาษาที่เป็นกลาง อินเทอร์เฟซที่อนุญาตให้โปรแกรมและสคริปต์เข้าถึงและอัปเดตแบบไดนามิก เนื้อหา โครงสร้าง และรูปแบบของเอกสาร"
มาตรฐาน W3C DOM แบ่งออกเป็น 3 ส่วนที่แตกต่างกัน:
Core DOM - โมเดลมาตรฐานสำหรับเอกสารทุกประเภท
XML DOM - รูปแบบมาตรฐานสำหรับเอกสาร XML
HTML DOM - รูปแบบมาตรฐานสำหรับเอกสาร HTML
HTML DOM คืออะไร?
HTML DOM เป็นรูปแบบ วัตถุ มาตรฐานและ ส่วนต่อประสานการเขียนโปรแกรม สำหรับ HTML มันกำหนด:
องค์ประกอบ HTML เป็น วัตถุ
คุณสมบัติขององค์ประกอบ HTML ทั้งหมด
วิธีการในการเข้าถึงองค์ประกอบ HTML ทั้งหมด
เหตุการณ์ สำหรับองค์ประกอบ HTML ทั้งหมด
กล่าวอีกนัยหนึ่ง: HTML DOM เป็นมาตรฐานสำหรับวิธีรับ เปลี่ยนแปลง เพิ่ม หรือลบองค์ประกอบ HTML