อ็อบเจกต์ Legend แทนอีลีเมนต์ <legend> (หัวข้อของ fieldset) ใน HTML DOM ไวยากรณ์ (Syntax) var legendObject = document.createElement(LEGEND) คุณสมบัติ คุณสมบัติคำอธิบาย formคืนค่าการอ้างอิงถึงฟอร์ม (<form>) ที่ครอบคลุม legend element นี้ ตัวอย่างการใช้งาน (คุณสมบัติ form) ตัวอย่า

คุณสมบัติ length ใช้ดึงจำนวนโหนดใน NodeList object (คืนค่าเป็นตัวเลข) ไวยากรณ์ (Syntax) nodeList.length ตัวอย่างการใช้งาน ตัวอย่างด้านล่างนับจำนวนนักเรียนในรายการ: <!DOCTYPE html> <html> <head> <title>HTML DOM length</title> <style> form { width: 70%; margin:

อ็อบเจกต์ Li แทนอีลีเมนต์ <li> (รายการในลิสต์) ใน HTML DOM ไวยากรณ์ (Syntax) var liObject = document.createElement(LI) คุณสมบัติ คุณสมบัติคำอธิบาย valueอ่าน/ตั้งค่าค่าแอตทริบิวต์ value ของ <li> (ใช้ใน <ol> สำหรับหมายเลขลำดับ) ตัวอย่างการใช้งาน (คุณสมบัติ value) ตัวอย่างด้า

คุณสมบัติ charCode ของ KeyboardEvent ใช้ดึงรหัส Unicode ของตัวอักษรที่ถูกกด (ล้าสมัยแล้ว ควรใช้ key แทน) ไวยากรณ์ (Syntax) event.charCode ⚠ หมายเหตุ: charCode ถูก deprecated แล้ว ควรใช้ event.key แทน ตัวอย่างการใช้งาน ตัวอย่างด้านล่างตรวจสอบการพิมพ์ z (charCode 122) สำหรับ z for zebra: <!DO

คุณสมบัติ code ของ KeyboardEvent ใช้ดึงรหัสของปุ่มที่ถูกกด (เช่น KeyA, ShiftLeft, Numpad1) - แตกต่างจาก key ที่คืนค่าตัวอักษรจริง ⚠ หมายเหตุ: ควรใช้ event.key แทนสำหรับการรับค่าตัวอักษรจริง เนื่องจาก code ไม่สนใจสถานะ Shift/CapsLock ไวยากรณ์ (Syntax) event.code ตัวอย่างการใช้งาน ตัวอย่างด้านล่า

เมธอด getModifierState() ใช้ตรวจสอบว่าปุ่ม modifier (Alt, Shift, Ctrl, Meta, CapsLock, ฯลฯ) ถูกเปิดใช้งานอยู่หรือไม่ (คืนค่า true/false) ไวยากรณ์ (Syntax) event.getModifierState(modifierKey) ปุ่ม Modifier ที่รองรับ modifierKey Alt AltGraph CapsLock Control Meta NumLock ScrollLock Shift ตัวอ

คุณสมบัติ key ของ KeyboardEvent ใช้ดึงตัวระบุคีย์ (key identifier) ของปุ่มที่ถูกกด - เป็นคุณสมบัติที่แนะนำให้ใช้แทน keyCode/charCode ไวยากรณ์ (Syntax) event.key ตัวอย่างการใช้งาน ตัวอย่างเดียวกับบทความ KeyboardEvent Object (1004064724) - ตรวจสอบการพิมพ์ B สำหรับ B for Ball <!DOCTYPE html> &

คุณสมบัติ keyCode ของ KeyboardEvent ใช้ดึงรหัส Unicode ของปุ่มที่ถูกกด (ล้าสมัยแล้ว ควรใช้ key แทนเพื่อความแม่นยำ) ไวยากรณ์ (Syntax) event.keyCode ⚠ หมายเหตุ: keyCode ถูก deprecated แล้ว ควรใช้ event.key แทนเพื่อให้ได้ผลแม่นยำและรองรับทุกภาษา/เค้าโครงคีย์บอร์ด ตัวอย่างการใช้งาน ตัวอย่างด้านล่าง

คุณสมบัติ location ของ KeyboardEvent ใช้ระบุตำแหน่งของปุ่มที่ถูกกดบนคีย์บอร์ด (คืนค่าเป็นตัวเลข 0-3) ไวยากรณ์ (Syntax) event.location ค่าตัวเลขที่เป็นไปได้ ตัวเลขคำอธิบาย 0ปุ่มส่วนกลางของคีย์บอร์ด (ส่วนใหญ่: Q, W, E, Spacebar, \\, ฯลฯ) 1ปุ่มด้านซ้าย (Left Ctrl, Left Shift, Left Alt, ฯลฯ) 2ปุ่ม

คุณสมบัติ metaKey ของ KeyboardEvent ใช้ตรวจสอบว่าปุ่ม Meta (ปุ่ม ⌘ Command บน Mac หรือปุ่ม Windows บน PC) ถูกกดขณะเกิดเหตุการณ์หรือไม่ (คืนค่า true/false) ไวยากรณ์ (Syntax) event.metaKey ตัวอย่างการใช้งาน ตัวอย่างด้านล่างท้าทายผู้ใช้ให้กดปุ่ม Meta: <!DOCTYPE html> <html> <head>

คุณสมบัติ shiftKey ของ KeyboardEvent ใช้ตรวจสอบว่าปุ่ม Shift ถูกกดขณะเกิดเหตุการณ์หรือไม่ (คืนค่า true/false) ไวยากรณ์ (Syntax) event.shiftKey ตัวอย่างการใช้งาน ตัวอย่างด้านล่างท้าทายผู้ใช้ให้กดปุ่ม Shift: <!DOCTYPE html> <html> <head> <title>KeyboardEvent shiftKey</tit

อ็อบเจกต์ KeyboardEvent แสดงถึงเหตุการณ์เมื่อผู้ใช้กดปุ่มบนคีย์บอร์ด คุณสมบัติและเมธอด คุณสมบัติ/เมธอดคำอธิบาย altKeyคืนค่าว่าปุ่ม ALT ถูกกดหรือไม่ charCodeคืนค่ารหัส Unicode ของตัวอักษร (ล้าสมัย) codeคืนค่ารหัสของปุ่ม (เช่น KeyA, ShiftLeft) ctrlKeyคืนค่าว่าปุ่ม CTRL ถูกกดหรือไม่ getModifierSta

คุณสมบัติ htmlFor ของอีลีเมนต์ <label> ใช้สำหรับอ่านหรือตั้งค่าค่าของแอตทริบิวต์ for (เชื่อมโยง label กับ input) ไวยากรณ์ (Syntax) labelObject.htmlFor ตัวอย่างการใช้งาน ตัวอย่างด้านล่างเปลี่ยนการเชื่อมโยง label ระหว่าง editorOne และ editorTwo: <!DOCTYPE html> <html> <head>

เมธอด insertAdjacentHTML() ใช้แทรกสตริง HTML เข้าไปในตำแหน่งที่ระบุเทียบกับโหนดอ้างอิง (แปลงสตริงเป็น DOM nodes จริง) ไวยากรณ์ (Syntax) node.insertAdjacentHTML(positionString, htmlString) สตริงตำแหน่ง (Position Strings) positionStringคำอธิบาย afterbeginแทรก HTML หลังจุดเริ่มต้นของโหนด (ภายในด้

เมธอด insertAdjacentText() ใช้แทรกสตริงข้อความ (text) เข้าไปในตำแหน่งที่ระบุเทียบกับโหนดอ้างอิง ไวยากรณ์ (Syntax) node.insertAdjacentText(positionString, text) สตริงตำแหน่ง (Position Strings) positionStringคำอธิบาย afterbeginแทรกข้อความหลังจุดเริ่มต้นของโหนด (ภายในด้านหน้า) afterendแทรกข้อความ

เมธอด insertBefore() ใช้แทรกโหนดใหม่ (newNode) เข้าไปก่อนโหนดลูก (child node) ที่มีอยู่แล้ว (existingNode) ไวยากรณ์ (Syntax) node.insertBefore(newNode, existingNode) พารามิเตอร์ พารามิเตอร์คำอธิบาย newNodeโหนดลูกใหม่ที่สร้างขึ้นซึ่งจะถูกแทรกเข้าไป existingNodeโหนดลูกที่มีอยู่แล้วซึ่ง newNode จ

คุณสมบัติ isContentEditable ใช้ตรวจสอบว่าเนื้อหาของอีลีเมนต์สามารถแก้ไขได้หรือไม่ (คืนค่า true/false) ไวยากรณ์ (Syntax) HTMLElementObject.isContentEditable ค่า Boolean ที่คืนกลับ ค่ารายละเอียด trueเนื้อหาของอีลีเมนต์แก้ไขได้ falseเนื้อหาของอีลีเมนต์แก้ไขไม่ได้ ตัวอย่างการใช้งาน ตัวอย่างด้าน

เมธอด isDefaultNamespace() ใช้ตรวจสอบว่า namespace URI ที่ระบุเป็น default namespace ของเอกสารหรือไม่ (คืนค่า true/false) 📝 หมายเหตุ: โหนดอีลีเมนต์จะสืบทอด namespace จากโหนดพาเรนต์ ดังนั้นในเอกสาร XHTML ทุกอีลีเมนต์จะมี namespaceURI เป็น https://www.w3.org/1999/xhtml ไวยากรณ์ (Syntax) document.

เมธอด isEqualNode() ใช้ตรวจสอบว่าโหนดสองตัว เท่ากัน หรือไม่ (คืนค่า true/false) - ต้องมีประเภท แอตทริบิวต์ และค่าแอตทริบิวต์เหมือนกันทุกประการ รวมถึง childNodes ทั้งหมด ไวยากรณ์ (Syntax) firstNode.isEqualNode(secondNode) 📝 หมายเหตุ: โหนดเท่ากันก็ต่อเมื่อ: ประเภทเหมือนกัน, แอตทริบิวต์เหมือนกัน, ค

เมธอด isSameNode() ใช้ตรวจสอบว่าโหนดสองตัวเป็นโหนดเดียวกันหรือไม่ (คืนค่า true/false) ⚠ หมายเหตุสำคัญ: เมธอดนี้ ล้าสมัย (deprecated) แล้ว ควรใช้ตัวดำเนินการ === แทน ไวยากรณ์ (Syntax) nodeOne.isSameNode(nodeTwo) ตัวอย่างการใช้งาน ตัวอย่างด้านล่างตรวจสอบว่า Trophy 1 และรายการแรกในลิสต์เป็นโหนดเดี