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

เทคโนโลยี 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 เพื่อให้ใช้งานตามความต้องการในการแสดงผลบนบราวเซอร์

ป้ายกำกับ:

ความคิดเห็น

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

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

Anvil แฟลต์ฟอร์ม สำหรับ Python Full Stack มีครบ จบในเครื่องมือเดียว

Anvil แฟลต์ฟอร์ม สำหรับ Python Full Stack มีครบ จบในเครื่องมือเดียว Avil เป็นแฟลต์ฟอร์มสำหรับสร้างเว็บแอพลิเคชั่น ด้วยภาษา python สามารถใช้งานทั้ง HTML CSS JavaScript SQL ทั้งหมดนี้รวมในเครื่องมือที่ชื่อว่า Anvil Python ใช้สำหรับรันบนบราวเซอร์ เซอร์เวิรส์ และสร้าง UI ด้วยวิธีการ Drag-and-Drop เพียงลากวาง UK และยังสามารถเชื่อมต่อและใช้งาน Database  และยังสามารถ Integration กับแฟลต์ฟอร์มอื่นๆ ได้อีกด้วย โครงสร้างของ Anvil  การออกแบบง่ายๆ ด้วย drag-and-drop ใช้ python เป็น client-side และรันบน บราวเซอร์ Server-side รันบน Anvil Server สามารถใช้ Database ต่างๆ เพื่อเก็บข้อมูล สามารถรัน python บนเครื่องและตอบโต้กับแอปพลิเคขั่นไดด้
แสดงความคิดเห็น
อ่านเพิ่มเติม

TomCat สำหรับติดตั้ง แก้ไข คอนฟิก ใช้งาน JSP

Apache Tomcat เป็น  HTTP Server ที่มีความสามารถนำภาษาจาวามาใช้งานได้  สามารถใช้เทคโนโลยีของภาษาจาวาที่เรียกว่า Java Servlet  และ Java Server Page (JSP)  Tomcat เป็นโปรแกรม Open-Source  อยู่ภายใต้การดูแลของ Apache Software Foundation  (ซึ่งเป็นผู้สร้าง Apache HTTP Server ที่เป็นที่นิยมใช้กันอย่างแพร่หลาย)  สามารถอ่านรายละเอียดของ Tomcat ได้ที่  http://tomcat.apache.org  โดยเลือกหัวข้อ “ Documentation”  และเลือก “Tomcat 7.0” ขั้นตอนการติดตั้ง Tomcat เรียงลำดับดังนี้
แสดงความคิดเห็น
อ่านเพิ่มเติม

10 Game Engine สำหรับการพัฒนาโปรแกรมเกมส์ด้วยที่ทรงประสิทธิภาพ

เอ็นจิ้นเกม (Game Engine )คืออะไร  เอ็นจิ้นเกม game คือ เฟรมเวิร์กซอฟต์แวร์ที่ใช้ในการพัฒนาวิดีโอเกม พูดง่ายๆ คือ เครื่องมือสำหรับการเขียนโค้ดในการสร้างวิดีโอเกม ช่วยแก้ปัญหาที่ต้องจัดการกับการเรนเดอร์กราฟิก Render ตลอดจนใช้จัดการกับข้อมูลของผู้ใช้ หรือการนำกฎต่างๆ ฟิสิกส์ไปใช้ในโลกของเกม สิ่งเหล่านี้ (และอื่น ๆ ) เป็นข้อกังวลและข้อจำกัดในการพัฒนาเกมส์ที่เอ็นจิ้นเกมมาช่วยจัดการให้ เพื่อปรับปรุงกระบวนการพัฒนาให้มีประสิทธิภาพ โดยมอบโค้ดและเครื่องมือที่นำมาใช้ซ้ำให้กับผู้เขียนโค้ดได้ แทนที่จะเขียนโค้ดทุกอย่างตั้งแต่เริ่มต้น เอ็นจิ้นเกมช่วยให้ผู้เขียนโค้ดมุ่งความสนใจไปที่การออกแบบการเล่นเกมและสร้างประสบการณ์ที่ไม่เหมือนใคร โดยรวมแล้ว เอ็นจิ้นเกมที่คุณเลือกจะส่งผลต่อแพลตฟอร์มเกม เช่นเดียวกับเกมที่คุณสร้าง เครื่องยนต์แต่ละตัวมีคุณสมบัติ จุดแข็ง และจุดอ่อนที่แตกต่างกัน ดังนั้นการเลือกเครื่องยนต์ให้เหมาะสมจึงเป็นสิ่งสำคัญ เอ็นจิ้นเกมยอดนิยมที่นักพัฒนาใช้ในปัจจุบัน ได้แก่ Unity, Unreal Engine และ Godot 1. Unity Unity เป็น Game Engine หนึ่ง หรือเครื่องมือสำหรับนักพัฒนาเกมได้ทั้งรูปแบบ 2 มิต...
แสดงความคิดเห็น
อ่านเพิ่มเติม