คุณสมบัติ type ของ Input Number ใน HTML DOM เกี่ยวข้องกับองค์ประกอบ input ที่มี type=number จะคืนค่า number เสมอสำหรับองค์ประกอบ input ประเภท number ไวยากรณ์ (Syntax) numberObject.type ตัวอย่าง ตัวอย่างการดึงประเภทของช่องป้อนตัวเลข: <!DOCTYPE html> <html> <body> <h1>คุณสมบั

คุณสมบัติ value ของ Input Number ใน HTML DOM เกี่ยวข้องกับองค์ประกอบ input ที่มี type=number และมีแอตทริบิวต์ value ใช้สำหรับคืนค่าหรือตั้งค่าแอตทริบิวต์ value ของช่องป้อนตัวเลข ใช้ระบุค่าเริ่มต้น (default value) และจะเปลี่ยนตามค่าที่ผู้ใช้ป้อน ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ value: numberObj

คุณสมบัติ autofocus ของ Input Password ใน HTML DOM เกี่ยวข้องกับแอตทริบิวต์ autofocus ขององค์ประกอบ <input> ประเภท password ใช้สำหรับตั้งค่าหรือคืนค่าว่าช่องป้อนรหัสผ่านควรได้รับโฟกัส (focus) อัตโนมัติเมื่อโหลดหน้าเว็บหรือไม่ ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ autofocus: passwordObject.aut

คุณสมบัติ name ของ Form ใน HTML DOM เกี่ยวข้องกับแอตทริบิวต์ name ขององค์ประกอบฟอร์ม ใช้สำหรับตั้งค่าหรือดึงค่าแอตทริบิวต์ name ของฟอร์ม ให้ชื่อกับฟอร์มเพื่อให้อ้างอิงได้ ไวยากรณ์ (Syntax) การตั้งค่าชื่อฟอร์ม: formObject.name = name name ระบุชื่อของฟอร์ม ตัวอย่าง ตัวอย่างการเปลี่ยนชื่อฟอร์มแบบไดนา

ออบเจ็กต์ Form ใน HTML DOM เกี่ยวข้องกับองค์ประกอบ HTML <form> สามารถสร้างและเข้าถึงฟอร์มได้ด้วย createElement() และ getElementById() ของออบเจ็กต์ document สามารถตั้งค่าและอ่านคุณสมบัติต่างๆ ของฟอร์มได้ คุณสมบัติ (Properties) คุณสมบัติ คำอธิบาย acceptCharset ตั้งค่าหรือคืนค่าคุณสมบัติ

คุณสมบัติ position ของ Geolocation ใน HTML DOM ใช้สำหรับดึงตำแหน่งและระดับความสูงของอุปกรณ์ผู้ใช้บนโลก ผู้ใช้ต้องให้อนุญาตก่อนถึงจะทำงานได้ เพื่อปกป้องความเป็นส่วนตัว สามารถนำไปใช้ติดตามตำแหน่งอุปกรณ์ต่างๆ คุณสมบัติ (Properties) หมายเหตุ: คุณสมบัติด้านล่างเป็นแบบอ่านอย่างเดียว (read-only) คุณสมบ

เมธอด getAttribute() ใน HTML DOM ใช้สำหรับดึงค่าแอตทริบิวต์ที่เชื่อมโยงกับองค์ประกอบ HTML เฉพาะเจาะจง หากองค์ประกอบไม่มีแอตทริบิวต์ที่ระบุ จะคืนค่า null หรือสตริงว่าง ไวยากรณ์ (Syntax) element.getAttribute(attributeName) attributeName (บังคับ) เป็นสตริงระบุชื่อแอตทริบิวต์ที่ต้องการค่า ตัวอย่าง ตัว

เมธอด getAttributeNode() ใน HTML DOM ใช้สำหรับคืนค่าโหนดแอตทริบิวต์ (attribute node) ขององค์ประกอบที่ระบุ เป็นออบเจ็กต์ Attr โดยใช้คุณสมบัติและเมธอดต่างๆ ของออบเจ็กต์ Attr สามารถจัดการแอตทริบิวต์ได้ ไวยากรณ์ (Syntax) element.getAttributeNode(attributeName) attributeName (บังคับ) เป็นสตริงระบุชื่อแอ

เมธอด getBoundingClientRect() ใน HTML DOM ใช้สำหรับคืนค่าขนาดและตำแหน่งขององค์ประกอบสัมพัทธ์กับ viewport (พื้นที่มองเห็นของเบราว์เซอร์) คืนค่าเป็นออบเจ็กต์ DOMRect ที่มี 8 คุณสมบัติ: left, top, right, bottom, x, y, width, height ตำแหน่งของสี่เหลี่ยมขอบเขตจะเปลี่ยนเมื่อมีการเลื่อนหน้าจอ (scroll) ไวย

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

เมธอด getElementsByClassName() ใน HTML DOM ใช้สำหรับดึงคอลเลกชันขององค์ประกอบทั้งหมดในเอกสารที่มีชื่อคลาส (class name) ตรงกับที่ระบุ คืนค่าเป็นออบเจ็กต์ NodeList สามารถเข้าถึงองค์ประกอบแต่ละตัวได้ด้วยหมายเลขดัชนี สามารถเรียกใช้เมธอดนี้บนองค์ประกอบใดก็ได้เพื่อค้นหาองค์ประกอบลูกที่มีคลาสตรงกัน ไวยากร

เมธอด getElementsByTagName() ใน HTML DOM ใช้สำหรับดึงคอลเลกชันขององค์ประกอบทั้งหมดในเอกสารที่มีชื่อแท็ก (tag name) ตรงกับที่ระบุ คืนค่าเป็นออบเจ็กต์ NodeList สามารถเข้าถึงองค์ประกอบแต่ละตัวได้ด้วยหมายเลขดัชนี (index) HTMLCollection ที่คืนค่าจะซิงโครไนซ์กับ DOM tree อัตโนมัติ ไม่ต้องเรียกเมธอดซ้ำหลัง

เมธอด getNamedItem() ใน HTML DOM ใช้สำหรับดึงโหนดแอตทริบิวต์ (attribute node) ที่มีชื่อตามที่ระบุ เป็นออบเจ็กต์ NamedNodeMap ต้องเรียกใช้เมธอดนี้ผ่านคุณสมบัติ attributes เนื่องจาก attributes คืนค่ารายการแอตทริบิวต์ทั้งหมด ซึ่งเราสามารถกรองแอตทริบิวต์เฉพาะตัวได้ด้วย getNamedItem() ไวยากรณ์ (Syntax)

ออบเจ็กต์ Dialog ใน HTML DOM เกี่ยวข้องกับองค์ประกอบ HTML5 <dialog> ใช้สำหรับสร้างป๊อปอัป (popup), โมดัล (modal) ฯลฯ บนหน้าเว็บ เพื่อให้ผู้ใช้เห็นและโต้ตอบกับกล่องโต้ตอบ ต้องตั้งค่าคุณสมบัติ open คุณสมบัติ (Properties) คุณสมบัติ คำอธิบาย open ตั้งค่าหรือคืนค่าว่ากล่องโต้ตอบควรเปิดหรือไ

คุณสมบัติ dir ใน HTML DOM ใช้สำหรับเปลี่ยนทิศทางข้อความขององค์ประกอบจากค่าเริ่มต้นซ้ายไปขวา (ltr) เป็นขวาไปซ้าย (rtl) หรืออัตโนมัติ (auto) ใช้สำหรับตั้งค่าหรือคืนค่าคุณสมบัติ dir ขององค์ประกอบ คืนค่าเป็นสตริง ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ dir: HTMLElementObject.dir = ltr|rtl|auto ltr = ทิศ

ออบเจ็กต์ div ใน HTML DOM เกี่ยวข้องกับองค์ประกอบ HTML <div> ซึ่งเป็นองค์ประกอบระดับบล็อก (block-level) สำหรับจัดกลุ่มองค์ประกอบอื่นๆ เพื่อนำไปจัดสไตล์หรือจัดการเป็นกลุ่มภายใต้แท็กหรือ id เดียวกัน คุณสมบัติ (Properties) คุณสมบัติ คำอธิบาย align ตั้งค่าหรือคืนค่าคุณสมบัติ align ของ <

ออบเจ็กต์ dl ใน HTML DOM เกี่ยวข้องกับองค์ประกอบ HTML <dl> (Description List) ใช้สำหรับสร้างและเข้าถึงรายการคำอธิบายแบบไดนามิกด้วย JavaScript ไวยากรณ์ (Syntax) การสร้างรายการคำอธิบาย: var dlElement = document.createElement(DL); ตัวอย่าง ตัวอย่างการสร้างรายการคำอธิบาย (DL) พร้อม DT และ DD ด้ว

คุณสมบัติ doctype ใน HTML DOM คืนค่าการประกาศประเภทเอกสาร (DTD - Document Type Declaration) ที่เชื่อมโยงกับเอกสาร HTML ปัจจุบัน เป็นคุณสมบัติแบบอ่านอย่างเดียว (read-only) คืนค่าชื่อ doctype เป็นออบเจ็กต์ DocumentType อาจคืนค่า null หากไม่มีการระบุ DTD ไวยากรณ์ (Syntax) document.doctype ตัวอย่าง ตั

คุณสมบัติ documentElement ใน HTML DOM ใช้สำหรับคืนค่าองค์ประกอบราก (root element) ของเอกสาร คืนค่าเป็นออบเจ็กต์ประเภท Element สำหรับเอกสาร HTML องค์ประกอบรากจะเป็น <html> คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว (read-only) ไวยากรณ์ (Syntax) document.documentElement ตัวอย่าง ตัวอย่างการดึงชื่อองค์ป

คุณสมบัติ domain ใน HTML DOM ใช้สำหรับดึงชื่อโดเมนของเซิร์ฟเวอร์ที่เอกสารกำลังทำงานอยู่ คืนค่าชื่อโดเมนในรูปแบบสตริง และอาจคืนค่า null หากระบุโดเมนไม่ได้ ไวยากรณ์ (Syntax) document.domain ตัวอย่าง ตัวอย่างการแสดงชื่อโดเมนของเซิร์ฟเวอร์: <!DOCTYPE html> <html> <body> <h1>ตัว