DragEvent ใน HTML DOM เป็นประเภทของเหตุการณ์ (event) ที่เกิดขึ้นเมื่อผู้ใช้ลากและวาง (drag and drop) องค์ประกอบหรือข้อความที่เลือก เหตุการณ์นี้ถูกนำมารองรับใน HTML5 คุณสมบัติ (Properties) คุณสมบัติ คำอธิบาย dataTransfer คืนค่าออบเจ็กต์ DataTransfer ที่เก็บข้อมูลที่กำลังถูกลากหรือวางโดยผู้ใช้

ออบเจ็กต์ DT ใน HTML DOM เกี่ยวข้องกับองค์ประกอบ HTML <dt> (Definition Term) ใช้สำหรับสร้างองค์ประกอบ <dt> แบบไดนามิกด้วย JavaScript ไวยากรณ์ (Syntax) การสร้างออบเจ็กต์ DT: var dtElement = document.createElement(DT); ตัวอย่าง ตัวอย่างการสร้างองค์ประกอบ DT ภายในรายการคำอธิบาย (DL) โดยใช

คอลเลกชัน embeds ใน HTML DOM ใช้สำหรับคืนค่าจำนวนออบเจ็กต์ <embed> ที่มีอยู่ในเอกสาร HTML องค์ประกอบในคอลเลกชันจะเรียงลำดับตามลำดับที่ปรากฏในเอกสาร คุณสมบัติ (Properties) คุณสมบัติ คำอธิบาย length คืนค่าจำนวนองค์ประกอบ <embed> ในคอลเลกชัน คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว (read-o

คุณสมบัติ HTML DOM cookie ใช้สำหรับสร้าง อ่าน และลบคุกกี้ (cookies) คุกกี้ถูกใช้โดยเว็บไซต์เพื่อติดตามข้อมูลเฉพาะผู้ใช้ วิธีนี้มีประเภทการคืนค่าเป็น string ที่มีรายการคุกกี้ทั้งหมดคั่นด้วยเซมิโคลอน คุกกี้อยู่ในรูปแบบคู่ key=value คุกกี้จะถูกลบทันทีที่ปิดเบราว์เซอร์ แต่คุณสามารถระบุวันหมดอายุสำหรับมั

เมธอด HTML DOM createAttribute() ใช้สำหรับสร้างแอตทริบิวต์เฉพาะโดยใช้ JavaScript สำหรับองค์ประกอบ HTML เมธอด createAttribute() สร้างแอตทริบิวต์ด้วยชื่อที่กำหนดและคืนค่าแอตทริบิวต์เป็นอ็อบเจกต์ Attr ไวยากรณ์ ไวยากรณ์สำหรับเมธอด createAttribute() ดังนี้ - document.createAttribute(attributename) ตัวอ

เมธอด HTML DOM createComment() ใช้สำหรับสร้างโหนดความคิดเห็น (comment node) ด้วยข้อความที่กำหนด รับความคิดเห็นที่จะสร้างเป็นพารามิเตอร์ เนื่องจากความคิดเห็นไม่สามารถมองเห็นได้ คุณต้องตรวจสอบเอกสาร HTML หลังจากเรียกใช้เมธอดนี้เพื่อดูความคิดเห็นที่สร้างขึ้น ไวยากรณ์ ไวยากรณ์สำหรับเมธอด createComment(

เมธอด HTML DOM createDocumentFragment() ใช้สำหรับสร้าง Document Fragment (ส่วนของเอกสาร) Document fragment ไม่ส่งผลต่อโครงสร้าง DOM เนื่องจากมันอยู่ในหน่วยความจำ เมื่อเราผนวก document fragment เข้า DOM มันจะถูกแทนที่ด้วยลูกของมัน คือ ไม่มี document fragment ถูกผนวกกับเอกสาร เพียงแค่ลูกของมันเท่านั้น

เมธอด HTML DOM createElement() ใช้สำหรับสร้างองค์ประกอบ HTML แบบไดนามิกโดยใช้ JavaScript รับชื่อองค์ประกอบเป็นพารามิเตอร์และสร้างโหนดองค์ประกอบนั้น คุณต้องใช้เมธอด appendChild() เพื่อให้องค์ประกอบที่สร้างใหม่เป็นส่วนหนึ่งของ DOM ไวยากรณ์ ไวยากรณ์สำหรับเมธอด createElement() ดังนี้ - document.createE

เมธอด HTML DOM createEvent() ใช้สำหรับสร้างอ็อบเจกต์เหตุการณ์ซึ่งประเภทจะถูกระบุในพารามิเตอร์ เหตุการณ์ที่สร้างต้องถูกเริ่มต้น (initialized) ก่อนใช้งาน เพื่อส่งเหตุการณ์ไปยังองค์ประกอบ HTML คุณต้องใช้เมธอด dispatchEvent() บนโหนดที่ระบุ ไวยากรณ์ ไวยากรณ์สำหรับเมธอด HTML DOM createEvent() ดังนี้ - do

เมธอด HTML DOM createTextNode() ใช้สำหรับสร้างโหนดข้อความ (Text Node) ด้วยข้อความที่ระบุ ตัวอย่าง ลองดูตัวอย่างสำหรับเมธอด createTextNode() - <!DOCTYPE html> <html> <body> <h2>createTextNode() example</h2> <p>คลิกปุ่มด้านล่างเพื่อสร้างองค์ประกอบ p พร้อมข้อความบาง

วัตถุ HTML DOM Datalist เกี่ยวข้องกับองค์ประกอบ HTML5 <datalist> ไวยากรณ์ ไวยากรณ์ดังนี้ - สร้างวัตถุ Datalist - var p = document.createElement(DATALIST); เข้าถึงวัตถุ Datalist - var p = document.getElementById(demoDatalist); ตัวอย่าง ลองดูตัวอย่างสำหรับวัตถุ HTML DOM Datalist - <!DOCTYPE

คอลเลกชัน options ของ HTML DOM Datalist ใช้สำหรับดึงหรือกำหนดคอลเลกชันของค่า <option> ที่อยู่ภายในองค์ประกอบ <datalist> ในเอกสาร HTML องค์ประกอบจะปรากฏในลำดับเดียวกับในเอกสาร คุณสมบัติ (Properties) คุณสมบัติคำอธิบาย lengthคืนจำนวนองค์ประกอบ <option> ในคอลเลกชัน (อ่านอย่างเดียว)

วัตถุ HTML DOM DD เกี่ยวข้องกับองค์ประกอบ HTML <dd> ที่อยู่ภายในรายการนิยาม (Definition list) ที่แสดงด้วยองค์ประกอบ <dl> ในเอกสาร HTML ไวยากรณ์ ไวยากรณ์สำหรับ - การสร้างวัตถุ DD - var p = document.createElement(DD); ตัวอย่าง ลองดูตัวอย่างสำหรับวัตถุ HTML DOM DD - <!DOCTYPE html>

เมธอด HTML DOM console.groupCollapsed() ระบุจุดเริ่มต้นของกลุ่มข้อความที่ยุบรวม (collapsed) ไวยากรณ์ ไวยากรณ์ดังนี้ - console.groupCollapsed(label) ที่นี่ label เป็นป้ายกำกับสำหรับกลุ่ม ตัวอย่าง ลองดูตัวอย่างสำหรับเมธอด console.groupCollapsed() - <!DOCTYPE html> <html> <body> <

เมธอด HTML DOM console.groupEnd() ใช้สำหรับระบุจุดสิ้นสุดของกลุ่มข้อความ มันออกจากกลุ่มข้อความปัจจุบันในคอนโซล ไวยากรณ์ ไวยากรณ์สำหรับเมธอด console.groupEnd() ดังนี้ - console.groupEnd() ตัวอย่าง ลองดูตัวอย่างสำหรับเมธอด HTML DOM console.groupEnd() - <!DOCTYPE html> <html> <body>

เมธอด HTML DOM console.info() ใช้สำหรับเขียนข้อความข้อมูลไปยังคอนโซล เมธอดนี้มีประโยชน์สำหรับการดีบั๊กและทดสอบ บางเบราว์เซอร์เช่น Firefox, Chrome แสดงไอคอน i เล็กๆ สีน้ำเงินสำหรับข้อความที่พิมพ์ด้วยเมธอดนี้ ไวยากรณ์ ไวยากรณ์สำหรับเมธอด HTML DOM console.info() ดังนี้ - console.info(message) ที่นี่ m

เมธอด HTML DOM console.log() ใช้สำหรับเขียนข้อความไปยังคอนโซล คอนโซลใช้สำหรับการดีบั๊กและทดสอบเป็นหลัก ข้อความสามารถเป็นประเภท string หรือ object ไวยากรณ์ ไวยากรณ์สำหรับเมธอด console.log ดังนี้ - console.log(msg) ที่นี่ msg สามารถเป็น string, array หรือ object เราสามารถส่งอ็อบเจกต์หลายตัวคั่นด้วยคอ

เมธอด HTML DOM console.table() ใช้สำหรับแสดงข้อมูลในรูปแบบตารางที่จัดระเบียบดี เมธอดนี้สามารถใช้สำหรับแสดงข้อมูลอาร์เรย์หรืออ็อบเจกต์ที่ซับซ้อน ตารางจัดระเบียบอย่างที่แต่ละองค์ประกอบในอาร์เรย์จะเป็นแถวในตาราง รับสองพารามิเตอร์ tabledata (บังคับ) และ tablecolumns (ทางเลือก) ไวยากรณ์ ไวยากรณ์สำหรับเม

เมธอด HTML DOM console.time() ใช้สำหรับแสดงเวลาที่ผ่านไปในการรันชิ้นส่วนโค้ด ช่วยให้เราวิเคราะห์โค้ดทั้งหมดหรือส่วนเฉพาะของโค้ดของเรา โดยการจับเวลาโค้ดของคุณ คุณสามารถทำให้มันมีประสิทธิภาพมากขึ้น โดยใช้พารามิเตอร์ label ทางเลือก คุณสามารถสร้างตัวจับเวลาหลายตัวในหน้าเดียวกันได้ ไวยากรณ์ ไวยากรณ์สำหร

เมธอด console.timeEnd() ใช้สำหรับหยุดตัวจับเวลาและแสดงเวลาที่ผ่านไปในขณะที่โค้ดภายใน console.time() และ console.timeEnd() ใช้เวลาในการทำงานเสร็จสิ้น มีประโยชน์สำหรับการจับเวลาส่วนของโค้ดเพื่อค้นหาว่าจุดคอขวดอยู่ที่ไหน โดยใช้พารามิเตอร์ label ทางเลือก เราสามารถระบุว่าตัวจับเวลาไหนที่จะหยุด ไวยากรณ์