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

เทคโนโลยี 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> <h1> และเรียกส่วนต่างๆ เป็น element 


DOM และ Javascript มีความเกี่ยวข้องกันอย่างไร

DOM กับ Javascript เป็นของคู่กัน ซึ่งเทคโนโลยี DOM  จะต้องเขียน script  javascript เพื่อปรับเปลี่ยนหรือแก้ไข element ต่าง ในเอกสาร HTML เพื่อให้ใช้งานตามความต้องการในการแสดงผลบนบราวเซอร์

ป้ายกำกับ:

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

สำรองข้อมูลใน MySQL ด้วย mysqldump ข้อมูลใน MySQL Character-set ภาษาไทย

การ backup ฐานข้อมูลสำหรับ mysql ในบางครั้งจะเกิดปัญหาสำหรับการใช้งานภาษาไทย ที่ตัวอักษรมักจะเกิดเป็น ?????  จึงต้องทำให้มั่นใจก่อนว่า การจัดเก็บข้อมูลที่เป็นภาษไทย สมบูรณ์ จึงมีการแปลง character set ก่อน สำหรับในการแปลงฐานข้อมูลจากเดิมที่เป็น latin1 หรือ tis620 ให้เป็น utf8 มีเงื่อนไขเบื้องต้นว่า หาก character-set ของฐานข้อมูลเป็น tis620 หรือ  latin1 ต้องไม่กำหนดค่า default-character-set=utf8 ใน my.cnf (สำหรับ Linux อยู่ที่ /etc/my.cnf หรือ /etc/mysql/my.cnf)
แสดงความคิดเห็น
อ่านเพิ่มเติม

Interactive เทคโนโลยีเชิงโต้ตอบเปลี่ยนโลกเข้าสู่ยุค Metaverse

เทคโนโลยี Interactive คืออะไร คำนิยามของ เทคโนโลยี Interactive ที่สร้างและพัฒนาขึ้นสำหรับโปรแกรมหรือแอพลิเคชั่นที่เป็น Real-Time เรียกง่ายๆว่า Real-Time Programming (RTP) โดยเน้นไปยังผู้ใช้หรือมนุษย์นั้นเอง จะประกอบไปด้วย 2 องค์ประกอบ คือ ส่วนแรก เทคโนโลยี Interactive เข้าทำการเปลี่ยนแปลรูปร่าง ขนาด และรูปแบบ ซึ่งมาจาก web service อุปกรณ์ sensor ผ่านคอมพิวเตอร์ และมือถือ เป็นผสมผสานระหว่างระบบดิจิทัลและแอนนาล๊อกเข้าด้วยกัน ผ่านปุ่ม สไลด์เดอร์ หรือสวิทซ์ เพื่อการควบคุมในส่วนควบคุมทั้งหมด ที่เรียกว่า Control panel  ส่วนที่ 2  แอพลิเคชั่นที่ทำงานแบบ Real Time Application ถูกออกแบบในแนวคิดหลักของเทคโนโลยี Real Time  อ้างอิง https://interactiveimmersive.io/blog/beginner/02-interactive-technology/ เทคโนโลยีเชิงโต้ตอบที่เน้นการสร้างต้นแบบที่เร็วขึ้น มีประโยชน์อย่างมากในแอปพลิเคชันและประสบการณ์การสร้างต้นแบบ  ประเภทของเทคโนโลยี Interactive  มี 6 ประเภท 1. IoT เป็นแนวคิดจะเปลี่ยนบริการทุกบริการให้อยู่บนเครือข่ายอินเทอร์เน็ต และสามารถเชื่อมต่อเข้ากับแอพลิเคชั่นทุกแอพลเคชั่นทั้งที่ถูกพัฒนาเอง แล
แสดงความคิดเห็น
อ่านเพิ่มเติม