คุณสมบัติ transitionProperty ของ Style ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าชื่อของคุณสมบัติ CSS ของเอลิเมนต์ที่ transition effect จะใช้งาน รูปแบบการใช้งาน (Syntax) 1. อ่านค่า transitionProperty object.transitionProperty 2. ตั้งค่า transitionProperty object.transitionProperty = value ค่าที่เป็นไปไ

คุณสมบัติ transitionDelay ของ Style ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าเวลาที่เอฟเฟกต์ transition ของเอลิเมนต์จะเริ่มทำงาน รูปแบบการใช้งาน (Syntax) 1. อ่านค่า transitionDelay object.transitionDelay 2. ตั้งค่า transitionDelay object.transitionDelay = value ค่าที่เป็นไปได้ (Value) มีดังนี้: ลำดั

คุณสมบัติ transitionTimingFunction ของ Style ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าฟังก์ชันที่แสดงความเร็วของเอฟเฟกต์ transition ของเอลิเมนต์ รูปแบบการใช้งาน (Syntax) 1. อ่านค่า transitionTimingFunction object.transitionTimingFunction 2. ตั้งค่า transitionTimingFunction object.transitionTimingFuncti

คุณสมบัติ position ของ Style ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าวิธีการจัดตำแหน่ง (positioning method) ของเอลิเมนต์ HTML ในเอกสาร HTML รูปแบบการใช้งาน (Syntax) 1. อ่านค่า position object.position 2. ตั้งค่า position object.position = value ค่าที่เป็นไปได้ (Value) มีดังนี้: ลำดับค่าและคำอธิบาย

คุณสมบัติ right ของ Style ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าตำแหน่งด้านขวาของเอลิเมนต์ HTML ที่มีการจัดตำแหน่ง (positioned element) ในเอกสาร HTML รูปแบบการใช้งาน (Syntax) 1. อ่านค่า right object.right 2. ตั้งค่า right object.right = value ค่าที่เป็นไปได้ (Value) มีดังนี้: ลำดับค่าและคำอธิบาย

คุณสมบัติ cols ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าของแอตทริบิวต์ cols ของเอลิเมนต์ textarea ในเอกสาร HTML รูปแบบการใช้งาน (Syntax) 1. อ่านค่า cols object.cols 2. ตั้งค่า cols object.cols = number ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <style> body { color:

คุณสมบัติ rows ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าของแอตทริบิวต์ rows ของเอลิเมนต์ textarea ในเอกสาร HTML รูปแบบการใช้งาน (Syntax) 1. อ่านค่า rows object.rows 2. ตั้งค่า rows object.rows = number ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <style> body { color:

คุณสมบัติ placeholder ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าของแอตทริบิวต์ placeholder ของเอลิเมนต์ textarea ในเอกสาร HTML รูปแบบการใช้งาน (Syntax) 1. อ่านค่า placeholder object.placeholder 2. ตั้งค่า placeholder object.placeholder = text ตัวอย่างการใช้งาน <!DOCTYPE html> <htm

คุณสมบัติ disabled ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าว่าเอลิเมนต์ textarea ในเอกสาร HTML ถูกปิดใช้งาน (disabled) หรือไม่ รูปแบบการใช้งาน (Syntax) 1. อ่านค่า disabled object.disabled 2. ตั้งค่า disabled object.disabled = true | false ตัวอย่างการใช้งาน <!DOCTYPE html> <html&

คุณสมบัติ defaultValue ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าค่าเริ่มต้น (default value) ของเอลิเมนต์ textarea ในเอกสาร HTML รูปแบบการใช้งาน (Syntax) 1. อ่านค่า defaultValue object.defaultValue 2. ตั้งค่า defaultValue object.defaultValue = text ตัวอย่างการใช้งาน <!DOCTYPE html> &

คุณสมบัติ name ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าของแอตทริบิวต์ name ของเอลิเมนต์ textarea ในเอกสาร HTML รูปแบบการใช้งาน (Syntax) 1. อ่านค่า name object.name 2. ตั้งค่า name object.name = text ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <style> body { color: #0

คุณสมบัติ readOnly ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าว่าเนื้อหาของ textarea ควรเป็นแบบอ่านอย่างเดียว (read-only) หรือไม่ รูปแบบการใช้งาน (Syntax) 1. อ่านค่า readOnly object.readOnly 2. ตั้งค่า readOnly object.readOnly = true | false ตัวอย่างการใช้งาน <!DOCTYPE html> <html&

คุณสมบัติ wrap ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าของแอตทริบิวต์ wrap ของเอลิเมนต์ textarea ในเอกสาร HTML รูปแบบการใช้งาน (Syntax) 1. อ่านค่า wrap object.wrap 2. ตั้งค่า wrap object.wrap = soft | hard ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <style> body { co

คุณสมบัติ autofocus ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าว่า textarea ควรได้รับโฟกัสอัตโนมัติเมื่อโหลดหน้าเว็บหรือไม่ รูปแบบการใช้งาน (Syntax) 1. อ่านค่า autofocus object.autofocus 2. ตั้งค่า autofocus object.autofocus = true | false ตัวอย่างการใช้งาน <!DOCTYPE html> <html>

คุณสมบัติ form ของ Textarea ใน HTML DOM จะคืนค่าอ้างอิงถึงฟอร์ม (<form>) ที่ครอบคลุมเอลิเมนต์ textarea นั้นอยู่ รูปแบบการใช้งาน (Syntax) object.form ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #363946; color:

คุณสมบัติ tFoot คืออะไร? คุณสมบัติ tFoot ของออบเจ็กต์ตาราง (HTMLTableElement) คืนค่า **เอลิเมนต์ <tfoot>** ของตาราง (ถ้ามี) หรือ null หากไม่มี ใช้สำหรับเข้าถึง/จัดการท้ายตารางโดยตรง รูปแบบการใช้งาน (Syntax) // อ่าน var tfoot = tableElement.tFoot; // HTMLTableSectionElement หรือ null // ตรวจส

คุณสมบัติ tHead คืออะไร? คุณสมบัติ tHead ของออบเจ็กต์ตาราง (HTMLTableElement) คืนค่า **เอลิเมนต์ <thead>** ของตาราง (ถ้ามี) หรือ null หากไม่มี ใช้สำหรับเข้าถึง/จัดการหัวตารางโดยตรง รูปแบบการใช้งาน (Syntax) // อ่าน var thead = tableElement.tHead; // HTMLTableSectionElement หรือ null // ตรวจสอ

คุณสมบัติ colSpan คืออะไร? คุณสมบัติ colSpan ของเอลิเมนต์ <td> (และ <th>) ใช้ **กำหนดหรืออ่านจำนวนคอลัมน์ที่เซลล์ขยายครอบคลุม** (Horizontal merging) ค่าเริ่มต้นคือ 1 (ไม่ขยาย) รูปแบบการใช้งาน (Syntax) ใน HTML: <td colspan=2>ข้าม 2 คอลัมน์</td> ใน JavaScript (DOM Property): /

คุณสมบัติ headers คืออะไร? คุณสมบัติ headers ของเอลิเมนต์ <td> (และ <th>) ใช้ **ระบุ id ของ Header Cell (<th>) ที่เกี่ยวข้อง** กับเซลล์ข้อมูลนี้ ใช้ **Space-separated list** ของ id เพื่อเชื่อมโยงหลาย Header ได้ วัตถุประสงค์หลัก: **Accessibility (Screen Readers)** - ช่วยให้ผู้ใช้พิ

คุณสมบัติ rowSpan คืออะไร? คุณสมบัติ rowSpan ของเอลิเมนต์ <td> (และ <th>) ใช้ **กำหนดหรืออ่านจำนวนแถวที่เซลล์ขยายครอบคลุม** (Vertical merging) ค่าเริ่มต้นคือ 1 (ไม่ขยาย) รูปแบบการใช้งาน (Syntax) ใน HTML: <td rowspan=3>ข้าม 3 แถว</td> ใน JavaScript (DOM Property): // อ่านค่า