เมธอด querySelectorAll() ของ HTML DOM ใช้คืนค่าองค์ประกอบทั้งหมดที่ตรงกับ CSS selector ที่ระบุในพารามิเตอร์ในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) document.querySelectorAll(“CSS Selector”); ตัวอย่าง ตัวอย่างการใช้งานเมธอด querySelectorAll(): <!DOCTYPE html> <html> <head>

คุณสมบัติ parentElement ของ HTML DOM ใช้คืนค่าองค์ประกอบพาเรนต์ขององค์ประกอบที่ระบุในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) node.parentElement ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ parentElement: <!DOCTYPE html> <html> <head> <style>    html{       height:

คุณสมบัติ parentNode ของ HTML DOM ใช้คืนค่าออบเจ็กต์โหนดพาเรนต์ของโหนดที่ระบุในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) node.parentNode ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ parentNode: <!DOCTYPE html> <html> <head> <style>    html{       height:100%;  

คุณสมบัติ selectedIndex ของ HTML DOM Select ใช้สำหรับคืนค่าและเปลี่ยนแปลงดัชนีของตัวเลือกที่ถูกเลือกในรายการแบบเลื่อนลงในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) การคืนค่า selectedIndex object.selectedIndex การเปลี่ยนแปลง selectedIndex object.selectedIndex = “number” ตัวอย่าง ตัวอย่างการใช้งา

เมธอด add() ของ HTML DOM Select ใช้เพิ่มตัวเลือกใหม่เข้าไปในรายการแบบเลื่อนลงในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) object.add(option,index) ตัวอย่าง ตัวอย่างการใช้งานเมธอด add() ของ HTML DOM Select: <!DOCTYPE html> <html> <head> <style>    html{      

เมธอด remove() ของ HTML DOM Select ใช้ลบตัวเลือกออกจากรายการแบบเลื่อนลงในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) object.remove(index) ในที่นี้ index แทนดัชนีของตัวเลือกที่จะลบออกจากรายการแบบเลื่อนลง ตัวอย่าง ตัวอย่างการใช้งานเมธอด remove() ของ HTML DOM Select: <!DOCTYPE html> <html> <head

ออบเจ็กต์ HTML DOM Option แทนองค์ประกอบ <option> ในเอกสาร HTML ลองดูวิธีสร้าง option object: รูปแบบไวยากรณ์ (Syntax) document.createElement(“OPTION”); คุณสมบัติ (Properties) คุณสมบัติของ option Object มีดังนี้: คุณสมบัติคำอธิบายdisabledคืนค่าและเปลี่ยนแปลงว่าองค์ประกอบ option ถูกปิ

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

คุณสมบัติ index ของ HTML DOM Option ใช้สำหรับคืนค่าและเปลี่ยนแปลงตำแหน่งดัชนีของตัวเลือกในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) การคืนค่า index object.index การเปลี่ยนแปลง index object.index = “number” ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ index ของ HTML Option: <!DOCTYPE html> <htm

ออบเจ็กต์ HTML DOM Progress แทนองค์ประกอบ <progress> ในเอกสาร HTML ลองสร้าง progress object: รูปแบบไวยากรณ์ (Syntax) document.createElement(“PROGRESS”); คุณสมบัติ (Properties) คุณสมบัติของ progress object มีดังนี้: คุณสมบัติคำอธิบายmaxคืนค่าและเปลี่ยนค่าของแอตทริบิวต์ max ขององค์ปร

ออบเจ็กต์ HTML DOM Quote แทนองค์ประกอบ <q> ในเอกสาร HTML ลองสร้าง q object: รูปแบบไวยากรณ์ (Syntax) document.createElement(“Q”); คุณสมบัติ (Properties) คุณสมบัติของ quote object มีดังนี้: คุณสมบัติคำอธิบายciteคืนค่าและเปลี่ยนค่าของแอตทริบิวต์ cite ขององค์ประกอบ quote ในเอกสาร HTML

ออบเจ็กต์ HTML DOM Samp แทนองค์ประกอบ <samp> ในเอกสาร HTML ลองสร้าง samp object: รูปแบบไวยากรณ์ (Syntax) document.createElement(“SAMP”); ตัวอย่าง ตัวอย่างการใช้งาน samp object: <!DOCTYPE html> <html> <head> <style>    body{       tex

ออบเจ็กต์ HTML DOM Section แทนองค์ประกอบ <section> ในเอกสาร HTML ลองสร้าง section object รูปแบบไวยากรณ์ (Syntax) document.createElement(“SECTION”); ตัวอย่าง ตัวอย่างการใช้งานออบเจ็กต์ HTML DOM Section: <!DOCTYPE html> <html> <head> <style>    body{

คุณสมบัติ form ของ Input Date คืนค่าการอ้างอิงของฟอร์มที่ครอบคลุม input date รูปแบบไวยากรณ์ (Syntax) การคืนค่าการอ้างอิงถึงออบเจ็กต์ form inputDateObject.form ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ Input Date form: <!DOCTYPE html> <html> <head> <title>Input Date Form</title&g

คุณสมบัติ name ของ HTML DOM Input Date คืนค่าสตริงซึ่งเป็นแอตทริบิวต์ name ของ input date ผู้ใช้สามารถตั้งค่าเป็นสตริงใหม่ได้ รูปแบบไวยากรณ์ (Syntax) การคืนค่าสตริง inputDateObject.name การตั้งค่าแอตทริบิวต์ name เป็นค่าสตริง inputDateObject.name = ‘String’ ตัวอย่าง ตัวอย่างการใช้งานคุณส

คุณสมบัติ max ของ HTML DOM Input Date ใช้คืนค่า/ตั้งค่าแอตทริบิวต์ max ของ Input date type รูปแบบไวยากรณ์ (Syntax) การคืนค่าสตริง inputDateObject.max การตั้งค่า max เป็นค่าสตริง inputDateObject.max = YYYY-MM-DD ค่าสตริงที่เป็นไปได้ ในที่นี้ “YYYY-MM-DD” สามารถเป็นค่าต่อไปนี้ได้: stringVa

คุณสมบัติ min ของ HTML DOM Input Date ใช้คืนค่า/ตั้งค่าแอตทริบิวต์ min ของ Input date type รูปแบบไวยากรณ์ (Syntax) การคืนค่าสตริง inputDateObject.min การตั้งค่า min เป็นค่าสตริง inputDateObject.min = YYYY-MM-DD ค่าสตริงที่เป็นไปได้ ในที่นี้ “YYYY-MM-DD” สามารถเป็นค่าต่อไปนี้ได้: stringVa

ออบเจ็กต์ HTML DOM Input Date แทนองค์ประกอบ HTML <input> ที่มี type เป็น date รูปแบบไวยากรณ์ (Syntax) การสร้าง <input> ด้วย type date var dateObject = document.createElement(“input”); dateObject.type = “date”; แอตทริบิวต์ (Attributes) ในที่นี้ “dateObject&rd

คุณสมบัติ readOnly ของ HTML DOM Input Date ใช้ตั้งค่า/คืนค่าว่า Input Date สามารถแก้ไขได้หรือไม่ รูปแบบไวยากรณ์ (Syntax) การคืนค่าบูลีน - true/false inputDateObject.readOnly การตั้งค่า readOnly เป็น booleanValue inputDateObject.readOnly = booleanValue ค่าบูลีนที่เป็นไปได้ ในที่นี้ “booleanValu

คุณสมบัติ required ของ HTML DOM Input Date ใช้กำหนดว่าจำเป็นต้องตั้งค่าวันที่หรือไม่ รูปแบบไวยากรณ์ (Syntax) การคืนค่าบูลีน - true/false inputDateObject.required การตั้งค่า required เป็น booleanValue inputDateObject.required = booleanValue ค่าบูลีนที่เป็นไปได้ ในที่นี้ “booleanValue” สาม