ข้ามไปที่เนื้อหาหลัก

บทความ

กำลังแสดงโพสต์ที่มีป้ายกำกับ DOM

เทคโนโลยี DOM (Document Object Model)

เทคโนโลยี DOM (Document Object Model) คืออะไร  เทคโนโลยี DOM (Document Object Model) เป็นการเขียนโปรแกรมสำหรับแก้ไขเอกสารบนเว็บ เพื่อการนำเสนอข้อมูลหรือตัวแทนข้อมูลในรูปแบบของแนวคิดเชิงวัตถุ (Object) โดยสามารถที่จะเปลี่ยนโครงสร้างข้อมูล และเนื้อหาบนเว็บไซต์ จากต้นฉบับเอกสาร HTML (HyperText Makeup Language) เพื่อปรับเปลี่ยนเอกสารบนเว็บไซต์ในขณะแสดงบนบราวเซอร์ได้ โดยการเขียน script ด้วยภาษา Javascript เพื่อแก้ไข element ต่างๆ ของเอกสาร HTML ซึ่งโครงสร้างจะประกอบไปด้วย Method เมธอด และ Propety พรอเพอร์ตี้ ในการเขียนโปรแกรมเชิงวัตถุ ประเภทข้อมูลของเทคโนโลยี DOM สามารถแยกประเภทข้อมูลของเทคโนโลยี DOM ได้ดังนี้ 1. document คือ วัตถุที่เรียกใช้ เอกสาร HTML โดยจะมองเอกสาร HTML ทั้งหมดแยกย่อยๆ คล้ายต้นไม้ 2. Node ทุกๆวัตถุจะอยู่ในเอกสาร HTML ต้นไม้ โดยมี root คือ <HTML> และแตกกิ่งก้างสาขาไปเรื่อยๆ Node ได้แก่ <head> <body> 3. element  ส่วนประกอบย่อยของเอกสาร HTML ในส่วน head ก็จะมี element <title> และในสวน body มี element ต่างๆ ได้แก่ <a href> <p> ...