เมธอด appendChild() เมธอด appendChild() ใน HTML DOM ใช้สำหรับสร้างและเพิ่มโหนดข้อความ (text node) หรืออิลิเมนต์เข้าไปที่ตำแหน่งสุดท้ายของรายการโหนดลูก (child nodes) ยังสามารถใช้ย้ายอิลิเมนต์จากตำแหน่งปัจจุบันไปยังตำแหน่งใหม่ได้อีกด้วย ใช้เพิ่มรายการใหม่ในลิสต์ หรือเพิ่มย่อหน้าใหม่ภายในย่อหน้าอื่นได้

ออบเจ็กต์ Area (Area Object) ออบเจ็กต์ Area ใน HTML DOM เกี่ยวข้องกับ image map ใน HTML แทนพื้นที่คลิกได้ (clickable area) ภายในแผนที่ภาพ (image map) ใช้สำหรับสร้างและเข้าถึงอิลิเมนต์ <area> ภายในอิลิเมนต์ <map> เราสามารถเปลี่ยนพื้นที่คลิกได้ภายใน map, เปลี่ยนรูปร่าง (shape) ของ image m

ออบเจ็กต์ Article (Article Object) ออบเจ็กต์ Article ใน HTML DOM แทนอิลิเมนต์ HTML <article> ที่นำมารวมใน HTML5 อิลิเมนต์ <article> ใช้สำหรับเนื้อหาที่เป็นอิสระสมบูรณ์ (self-contained) ในเอกสาร HTML เช่น บทความบล็อก, โพสต์ฟอรัม, คอมเมนต์, หรือ widget ที่สามารถกระจายได้ด้วยตนเอง เป็นส่วนห

คุณสมบัติ search ของ Location คุณสมบัติ search ของออบเจ็กต์ Location ใช้สำหรับคืนค่าหรือกำหนดค่าสตริงที่ตรงกับ query parameters (สตริงคำสั่ง) ของ URL ส่วน query string อยู่หลังเครื่องหมาย ? ใน URL ไวยากรณ์ (Syntax) การอ่านค่า search location.search การกำหนดค่า search location.search = searchString

ออบเจ็กต์ Map (Map Object) ออบเจ็กต์ Map ใน HTML DOM แทนอิลิเมนต์ <map> ใช้ร่วมกับ <img> และ <area> เพื่อสร้าง image map (ภาพที่มีพื้นที่คลิกได้หลายจุด) ไวยากรณ์ (Syntax) การสร้างอิลิเมนต์ <map> var mapObject = document.createElement(MAP) คอลเลกชันและคุณสมบัติ (Collections

ออบเจ็กต์ Mark (Mark Object) ออบเจ็กต์ Mark ใน HTML DOM แทนอิลิเมนต์ <mark> ใช้สำหรับเน้นข้อความ (highlight) เพื่อแสดงความสำคัญหรือความเกี่ยวข้องในบริบทปัจจุบัน ไวยากรณ์ (Syntax) การสร้างอิลิเมนต์ <mark> var markObject = document.createElement(MARK) ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแส

ออบเจ็กต์ Menu (Menu Object) ออบเจ็กต์ Menu ใน HTML DOM แทนอิลิเมนต์ <menu> ใช้เป็นคอนเทนเนอร์สำหรับกลุ่มของคำสั่ง (commands) หรือ <menuitem> หมายเหตุ: อิลิเมนต์ <menu> รองรับเฉพาะใน Mozilla Firefox เท่านั้น ไม่รองรับใน Chrome, Edge, Safari ไวยากรณ์ (Syntax) การสร้างอิลิเมน

ออบเจ็กต์ MenuItem (MenuItem Object) ออบเจ็กต์ MenuItem ใน HTML DOM แทนอิลิเมนต์ <menuitem> ใช้สำหรับสร้างรายการในเมนูบริบท (context menu) หรือเมนูคำสั่ง หมายเหตุ: อิลิเมนต์ <menuitem> รองรับเฉพาะใน Mozilla Firefox เท่านั้น ไม่รองรับใน Chrome, Edge, Safari ไวยากรณ์ (Syntax) การสร

ออบเจ็กต์ Meta (Meta Object) ออบเจ็กต์ Meta ใน HTML DOM แทนอิลิเมนต์ <meta> ใช้สำหรับจัดการข้อมูลเมตาของเอกสาร HTML เช่น charset, viewport, description, keywords, author และ HTTP headers ไวยากรณ์ (Syntax) การสร้างอิลิเมนต์ <meta> var metaObject = document.createElement(META) คุณสมบัติ

คุณสมบัติ high ของ Meter คุณสมบัติ high ของออบเจ็กต์ <meter> ใช้สำหรับคืนค่าหรือกำหนดค่าตัวเลขที่ตรงกับแอตทริบิวต์ high ของอิลิเมนต์ <meter> ควรใช้ร่วมกับแอตทริบิวต์ low, min และ max เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ไวยากรณ์ (Syntax) การอ่านค่า high meterElementObject.high การกำหนดค่า hig

คุณสมบัติ low ของ Meter คุณสมบัติ low ของออบเจ็กต์ <meter> ใช้สำหรับคืนค่าหรือกำหนดค่าตัวเลขที่ตรงกับแอตทริบิวต์ low ของอิลิเมนต์ <meter> ควรใช้ร่วมกับแอตทริบิวต์ high, min และ max เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ไวยากรณ์ (Syntax) การอ่านค่า low meterElementObject.low การกำหนดค่า low met

คุณสมบัติ max ของ Meter คุณสมบัติ max ของออบเจ็กต์ <meter> ใช้สำหรับคืนค่าหรือกำหนดค่าตัวเลขที่ตรงกับแอตทริบิวต์ max ของอิลิเมนต์ <meter> ควรใช้ร่วมกับแอตทริบิวต์ high, min และ low เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ไวยากรณ์ (Syntax) การอ่านค่า max meterElementObject.max การกำหนดค่า max met

คุณสมบัติ min ของ Meter คุณสมบัติ min ของออบเจ็กต์ <meter> ใช้สำหรับคืนค่าหรือกำหนดค่าตัวเลขที่ตรงกับแอตทริบิวต์ min ของอิลิเมนต์ <meter> ควรใช้ร่วมกับแอตทริบิวต์ high, max และ low เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ไวยากรณ์ (Syntax) การอ่านค่า min meterElementObject.min การกำหนดค่า min met

คุณสมบัติ hash ของ Location คุณสมบัติ hash ของออบเจ็กต์ Location ใช้สำหรับคืนค่าหรือผนวกค่าสตริง (anchor/fragment identifier) เข้าไปใน URL ส่วน anchor จะนำหน้าด้วยเครื่องหมาย # อัตโนมัติ ไวยากรณ์ (Syntax) การอ่านค่า hash location.hash การกำหนดค่า hash location.hash = string ตัวอย่างการใช้งาน ตัวอ

คุณสมบัติ host ของ Location คุณสมบัติ host ของออบเจ็กต์ Location ใช้สำหรับคืนค่าหรือกำหนดค่าโฮสต์เนมและพอร์ต (hostname:port) ของ URL หากไม่มีการระบุพอร์ตอย่างชัดเจน พอร์ตจะไม่แสดงในค่าที่คืนมา ไวยากรณ์ (Syntax) การอ่านค่า host location.host การกำหนดค่า host location.host = hostname:port ตัวอย่างก

คุณสมบัติ hostname ของ Location คุณสมบัติ hostname ของออบเจ็กต์ Location ใช้สำหรับคืนค่าหรือกำหนดค่าโฮสต์เนม (hostname) ของ URL โดยไม่รวมพอร์ต (port) ไวยากรณ์ (Syntax) การอ่านค่า hostname location.hostname การกำหนดค่า hostname location.hostname = hostname ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงการ

คุณสมบัติ href ของ Location คุณสมบัติ href ของออบเจ็กต์ Location ใช้สำหรับคืนค่าหรือกำหนดค่าสตริงที่ตรงกับ URL ทั้งหมด (full URL) รวมถึง protocol, hostname, port, path, query string และ hash fragment ไวยากรณ์ (Syntax) การอ่านค่า href location.href การกำหนดค่า href location.href = href ตัวอย่างการ

คุณสมบัติ origin ของ Location คุณสมบัติ origin ของออบเจ็กต์ Location ใช้สำหรับคืนค่าสตริงที่ประกอบด้วยโปรโตคอล (protocol), โฮสต์เนม (hostname) และพอร์ต (port) ของ URL ถ้ามีการระบุพอร์ตไว้ คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว (read-only) ไม่สามารถตั้งค่าได้ ไวยากรณ์ (Syntax) location.origin ตัวอย่างกา

คุณสมบัติ pathname ของ Location คุณสมบัติ pathname ของออบเจ็กต์ Location ใช้สำหรับคืนค่าหรือกำหนดค่าสตริงที่ตรงกับส่วน path (เส้นทาง) ของ URL ไวยากรณ์ (Syntax) การอ่านค่า pathname location.pathname การกำหนดค่า pathname location.pathname = pathOfHost ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงการใช้คุณ

คุณสมบัติ port ของ Location ใช้สำหรับอ่านหรือตั้งค่าหมายเลขพอร์ตของ URL (อาจไม่แสดงหากไม่ได้ระบุชัดเจน) ไวยากรณ์ (Syntax) การอ่านค่า location.port การตั้งค่า location.port = portNumber ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงพอร์ตของ URL ปัจจุบัน: <!DOCTYPE html> <html> <head> &l