คุณสมบัติ HTML DOM MouseEvent relatedTarget ส่งคืนองค์ประกอบที่เกี่ยวข้องซึ่งกระตุ้น mouseover หรือ mouseout event ตามลำดับ ไวยากรณ์ (Syntax) การส่งคืนอ้างอิงไปยังออบเจ็กต์ relatedTarget: MouseEventObject.relatedTarget ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head> <title>

คุณสมบัติ HTML DOM MouseEvent screenX ส่งคืนพิกัดแนวนอน (x) ของตัวชี้เมาส์สัมพัทธ์กับหน้าจอแสดงผลของผู้ใช้ หากมีการกระตุ้น mouse event ใช้ร่วมกับ screenY เพื่อรับพิกัดแนวตั้ง ไวยากรณ์ (Syntax) การส่งคืนอ้างอิงไปยังออบเจ็กต์ screenX: MouseEventObject.screenX ตัวอย่างการใช้งาน <!DOCTYPE html>

คุณสมบัติ HTML DOM MouseEvent screenY ส่งคืนพิกัดแนวตั้ง (y) ของตัวชี้เมาส์สัมพัทธ์กับหน้าจอแสดงผลของผู้ใช้ หากมีการกระตุ้น mouse event ใช้ร่วมกับ screenX เพื่อรับพิกัดแนวนอน ไวยากรณ์ (Syntax) การส่งคืนอ้างอิงไปยังออบเจ็กต์ screenY: MouseEventObject.screenY ตัวอย่างการใช้งาน <!DOCTYPE html>

HTML DOM MouseEvent Object แทน event ที่เกิดขึ้นเมื่อมีการโต้ตอบของเมาส์กับองค์ประกอบ HTML document ที่นี่ MouseEvent สามารถมีคุณสมบัติและเมธอดดังต่อไปนี้: คุณสมบัติ/เมธอด คำอธิบาย altKey ส่งคืนว่าปุ่ม ALT บนคีย์บอร์ดถูกกดเมื่อ mouse event ถูกกระตุ้น button ส่งคืนตัวเลขที่สอดคล้องกับปุ่มเ

คุณสมบัติ HTML DOM name ส่งคืนสตริงที่สอดคล้องกับชื่อของแอตทริบิวต์ขององค์ประกอบ ไวยากรณ์ (Syntax) การส่งคืนค่าสตริง: elementAttribute.name ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head> <title>HTML DOM name</title> <style> * { padding: 2px;

คุณสมบัติ HTML DOM Style left ใช้สำหรับตั้งค่าหรือส่งคืนตำแหน่งซ้ายของ positioned element หากต้องการจัดตำแหน่งองค์ประกอบ ต้องตั้งค่าคุณสมบัติ position เป็น relative, absolute หรือ fixed ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ left: object.style.left = auto|length|%|initial|inherit ค่าของคุณสมบัติ (

คุณสมบัติ HTML DOM Style letterSpacing ใช้สำหรับตั้งค่าหรือดึงค่าช่องว่างระหว่างตัวอักษรในข้อความ ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ letterSpacing: object.style.letterSpacing = normal|length|initial|inherit ค่าของคุณสมบัติ (Property Values) ค่า คำอธิบาย normal ค่าเริ่มต้น ตั้งค่าช่องว่า

คุณสมบัติ HTML DOM Style listStyle ใช้สำหรับตั้งค่าหรือส่งคืนคุณสมบัติ 3 อย่างคือ list-style-type, list-style-position และ list-style-image ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ listStyle: object.style.listStyle = type position image|initial|inherit ค่าของคุณสมบัติ (Property Values) พารามิเตอร

คุณสมบัติ HTML DOM Style listStyleImage ใช้สำหรับตั้งค่าหรือส่งคืนภาพเป็นเครื่องหมายรายการ (list item marker) ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ listStyleImage: object.style.listStyleImage = none|url|initial|inherit ค่าของคุณสมบัติ (Property Values) ค่า คำอธิบาย none ค่าเริ่มต้น ไม่แสดง

คุณสมบัติ HTML DOM Style listStylePosition ใช้สำหรับตั้งค่าหรือส่งคืนตำแหน่งของเครื่องหมายรายการ (list-item marker) ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ listStylePosition: object.style.listStylePosition = outside|inside|initial|inherit ค่าของคุณสมบัติ (Property Values) ค่า คำอธิบาย outsid

คุณสมบัติ HTML DOM Style listStyleType ใช้สำหรับตั้งค่าหรือส่งคืนประเภทเครื่องหมายรายการ (list-item marker) ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ listStyleType: object.style.listStyleType = value ค่าบางส่วนของคุณสมบัติ listStyleType ค่า คำอธิบาย armenian ตั้งค่าเครื่องหมายเป็นตัวเลขอาร์เมเ

HTML DOM Meter Object ใน HTML แทนองค์ประกอบ <meter> หมายเหตุ: อย่าใช้ <meter> เป็น progress bar แต่ใช้เป็น gauge (วัดค่า) เท่านั้น ไวยากรณ์ (Syntax) การสร้างองค์ประกอบ <meter>: var meterObject = document.createElement(METER) ที่นี่ meterObject สามารถมีคุณสมบัติดังต่อไปนี้: ค

คุณสมบัติ HTML DOM Meter optimum ส่งคืน/ตั้งค่าตัวเลขที่สอดคล้องกับแอตทริบิวต์ optimum ขององค์ประกอบ <meter> ควรใช้ร่วมกับ high, low, min และ max เพื่อผลลัพธ์ที่ดีกว่า หมายเหตุ: อย่าใช้ <meter> เป็น progress bar แต่ใช้เป็น gauge (วัดค่า) เท่านั้น ไวยากรณ์ (Syntax) การส่งคืนค่าของคุณสม

คุณสมบัติ HTML DOM Meter value ส่งคืน/ตั้งค่าตัวเลขที่สอดคล้องกับแอตทริบิวต์ value ขององค์ประกอบ <meter> ควรใช้ร่วมกับ high, low, min และ max เพื่อผลลัพธ์ที่ดีกว่า หมายเหตุ: อย่าใช้ <meter> เป็น progress bar แต่ใช้เป็น gauge (วัดค่า) เท่านั้น ไวยากรณ์ (Syntax) การส่งคืนค่าของคุณสมบัติ

คุณสมบัติ HTML DOM MouseEvent clientX ส่งคืนพิกัดแนวนอน (x) ของตัวชี้เมาส์ หากมีการกระตุ้น mouse event ใช้ร่วมกับ clientY เพื่อรับพิกัดแนวตั้ง ไวยากรณ์ (Syntax) การส่งคืนอ้างอิงไปยังออบเจ็กต์ clientX: MouseEventObject.clientX ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head> <t

คุณสมบัติ HTML DOM Style font ใช้สำหรับตั้งค่าหรือดึงค่าของคุณสมบัติ 6 อย่างคือ font-style, font-variant, font-weight, font-size, line-height และ font-family ขนาดฟอนต์และฟอนต์เฟมิลี่เป็นค่าที่จำเป็น และสามารถตั้งค่าเริ่มต้นสำหรับค่าอื่นที่ขาดหายไปได้ ไวยากรณ์ (Syntax) การส่งคืนคุณสมบัติ font: obje

คุณสมบัติ HTML DOM Style font-family ใช้สำหรับตั้งค่าหรือส่งคืนรายการฟอนต์เฉพาะสำหรับองค์ประกอบที่เลือก แนะนำให้ใช้ web-safe fonts และระบุฟอนต์สำรองเพิ่มเติม ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ fontFamily: object.style.fontFamily = font1, font2, etc.|initial|inherit ที่นี่ font1, font2 เป็นรายก

คุณสมบัติ HTML DOM Style fontSize ใช้สำหรับตั้งค่าหรือส่งคืนขนาดของฟอนต์ ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ fontSize: object.style.fontSize = value|initial|inherit ค่าของคุณสมบัติ (Property Values) ค่า คำอธิบาย xx-small, x-small, small, medium, large, x-large, xx-large ตั้งค่าขนาดฟอนต์จ

คุณสมบัติ HTML DOM Style fontSizeAdjust ใช้สำหรับตั้งค่าขนาดฟอนต์โดยอิงจากความสูงของตัวอักษร x พิมพ์เล็กและ X พิมพ์ใหญ่ ให้การควบคุมขนาดฟอนต์ดีกว่าคุณสมบัติ fontSize หมายเหตุ: คุณสมบัตินี้รองรับเฉพาะ Mozilla Firefox เท่านั้น ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ fontSizeAdjust: object.style.fontS

คุณสมบัติ HTML DOM Style fontStyle ใช้สำหรับตั้งค่าหรือส่งคืนสไตล์ของฟอนต์ข้อความ ใช้ระบุสไตล์ normal, italic หรือ oblique สำหรับข้อความขององค์ประกอบ ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ fontStyle: object.style.fontStyle = normal|italic|oblique|initial|inherit ตัวอย่างการใช้งาน <!DOCTYPE html