อ็อบเจ็กต์ Ol ใน HTML DOM แทนองค์ประกอบ <ol> (Ordered List / รายการลำดับ) การสร้างองค์ประกอบ <ol> var olObject = document.createElement(OL) คุณสมบัติของ Ol Object คุณสมบัติ คำอธิบาย reversedอ่าน/กำหนดว่าลำดับควรเป็น descending หรือ ascending (ค่าเริ่

คุณสมบัติ reversed ของ HTML DOM Ol (Ordered List) ใช้สำหรับ อ่านหรือกำหนด ว่าลำดับของรายการควรเป็น น้อยไปมาก (descending) หรือ มากไปน้อย (ascending - ค่าเริ่มต้น) ไวยากรณ์ (Syntax) การอ่านค่า olObject.reversed การกำหนดค่า olObject.reversed = booleanValue ค่าที่เป็นไปได้ (booleanValue)

คุณสมบัติ start ของ HTML DOM Ol (Ordered List) ใช้สำหรับ อ่านหรือกำหนด ค่าของแอตทริบิวต์ start ซึ่งกำหนดตัวเลขเริ่มต้นของรายการลำดับ ไวยากรณ์ (Syntax) การอ่านค่า olObject.start การกำหนดค่า olObject.start = number ตัวอย่างการใช้งาน ตัวอย่างนี้แก้ไขลำดับที่เริ่มจาก 2 ให้กลับมาเริ่มจาก 1 อีกครั้ง &

คุณสมบัติ type ของ HTML DOM Ol (Ordered List) ใช้สำหรับ อ่านหรือกำหนด ค่าของแอตทริบิวต์ type ซึ่งกำหนดประเภทของเครื่องหมายลำดับ (marker) ในรายการลำดับ ไวยากรณ์ (Syntax) การอ่านค่า olObject.type การกำหนดค่า olObject.type = 1|a|A|i|I ค่าที่เป็นไปได้ ค่า (Value) คำอธิบาย

คุณสมบัติ textContent ของ HTML DOM ใช้สำหรับ อ่านหรือกำหนด ข้อความ (รวมช่องว่าง) ของโหนดที่ระบุและโหนดลูกทั้งหมด ไวยากรณ์ (Syntax) การอ่านค่า (Getter) Node.textContent การกำหนดค่า (Setter) Node.textContent = string ค่าที่ส่งคืน null สำหรับโหนดเอกสาร (document nodes) ข้อความของโหนดที่ระบุและโ

อ็อบเจ็กต์ Nav ใน HTML DOM แทนองค์ประกอบ <nav> ซึ่งใช้สำหรับส่วนของลิงก์นำทาง (navigation links) การสร้างองค์ประกอบ <nav> var navObject = document.createElement(NAV) ตัวอย่างการใช้งาน ตัวอย่างนี้สร้างแถบนำทาง (navigation bar) แบบไดนามิกเมื่อผู้ใช้กรอกชื่อลิงก์และกดปุ่ม <!DOCTYPE ht

คุณสมบัติ nextElementSibling ของ HTML DOM จะส่งคืนโหนดองค์ประกอบ (element node) ที่อยู่ติดกันทันทีหลังจากโหนดที่ระบุ ความแตกต่างจาก nextSibling: คุณสมบัตินี้ ละเว้น โหนดข้อความ (text nodes) และโหนดคอมเมนต์ (comment nodes) — จะส่งคืนเฉพาะโหนดองค์ประกอบ (Element nodes) เท่านั้น ทำให้การนำทาง DOM ง่าย

คุณสมบัติ nextSibling ของ HTML DOM จะส่งคืนโหนดองค์ประกอบ (element node) ที่อยู่ติดกันทันทีหลังจากโหนดที่ระบุ หมายเหตุสำคัญ: คุณสมบัตินี้ ไม่ได้ละเว้น โหนดข้อความ (text nodes) และโหนดคอมเมนต์ (comment nodes) — กล่าวคือ หากมีช่องว่างหรือขึ้นบรรทัดใหม่ระหว่างองค์ประกอบ จะถูกนับเป็นโหนดข้อความและส่งผล

คุณสมบัติ nodeName ของ HTML DOM จะส่งคืนสตริงที่สอดคล้องกับชื่อของโหนด (node) นั้นๆ ไวยากรณ์ (Syntax) Node.nodeName ค่าที่ส่งคืน (Return Values) ค่าที่ส่งคืนจะแตกต่างกันไปตามประเภทของโหนด ดังนี้: โหนดองค์ประกอบ (Element nodes): ชื่อแท็ก (Tag name) เป็นตัวพิมพ์ใหญ่ โหนดแอตทริบิวต์ (Attribute n

คุณสมบัติ HTML DOM nodeType ส่งคืนตัวเลขที่สอดคล้องกับประเภทของโหนด (node) ไวยากรณ์ (Syntax) การส่งคืนค่าตัวเลข: Node.nodeType ที่นี่ ค่าที่ส่งคืนอาจเป็นดังต่อไปนี้: ตัวเลข 1 สำหรับ element nodes ตัวเลข 2 สำหรับ attribute nodes ตัวเลข 3 สำหรับ text nodes ตัวเลข 8 สำหรับ comment nodes หมายเหตุ:

คุณสมบัติ HTML DOM nodeValue ส่งคืน/ตั้งค่าสตริงที่สอดคล้องกับค่าของโหนด (node) ไวยากรณ์ (Syntax) การส่งคืนค่าสตริง: Node.nodeValue ที่นี่ ค่าที่ส่งคืนอาจเป็นดังต่อไปนี้: ค่า null สำหรับ document nodes และ element nodes ค่า value ของแอตทริบิวต์สำหรับ attribute nodes ค่าเนื้อหาสำหรับ text nodes แ

เมธอด HTML DOM normalize() ลบ Text Nodes ที่ว่างเปล่า และรวม Text Nodes ที่ติดกันจากโหนดที่ระบุ ไวยากรณ์ (Syntax) การเรียกใช้ normalize(): document.normalize() ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head> <title>HTML DOM normalize()</title> <style> form

คุณสมบัติ HTML DOM Object data ส่งคืนสตริงที่สอดคล้องกับค่าของแอตทริบิวต์ data ไวยากรณ์ (Syntax) การส่งคืนค่าสตริง: ObjectElement.data การตั้งค่าคุณสมบัติ data เป็นค่าสตริง: ObjectElement.data = URLString ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head> <title>HTML DOM Obj

คุณสมบัติ HTML DOM Object form ส่งคืนการอ้างอิงของ form ที่ล้อมรอบสำหรับ <object> element ไวยากรณ์ (Syntax) การส่งคืนการอ้างอิงไปยังออบเจ็กต์ form: ObjectElement.form ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <head> <title>HTML DOM Object form</title> <style&

HTML DOM Object Object ใน HTML แทนองค์ประกอบ <object> การสร้างองค์ประกอบ <object> var objectElement = document.createElement(OBJECT) ที่นี่ objectElement สามารถมีคุณสมบัติดังต่อไปนี้: คุณสมบัติ คำอธิบาย data ตั้งค่า/ส่งคืน URL ของทรัพยากรที่ใช้โดย object element form ส่งคืนกา

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

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

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

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

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