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